/** ===== 2022-12-08 ===== **/
html55 {
-moz-filter:grayscale(100%);
-webkit-filter:grayscale(100%);
-ms-filter: grayscale(100%);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
filter: gray;
filter: grayscale(100%);

}


/* ===== topbar ===== */
.topbar, .topbar * {height:2rem;line-height:2rem;}


/* ----- tpl ----- */
.tpl * {color:#005ea5;}
.tpl #dates {margin-right:1rem;}

.myDate b {margin:0 2px;}



/* ----- tpr ----- */
.tpFunc a {padding:0 1rem;}
.tpFunc b {padding-left:0.35rem;}
.tpFunc dd i, .userFunc p i {font-size:0.9rem;}
.tpFunc a:link b, .tpFunc a:visited b {color:#005ea5;}
.tpFunc a:link i, .tpFunc a:visited i, .userFunc p i {color:#1a6eac;}
.tpFunc a:hover *, .tpFunc a:active * {color:#6cf !important;}

.tpFunc dd a:link, .tpFunc a:visited, .cart-ico {background-color:#dbebf5;}


/* ----- userFunc ----- */
.userFunc p {padding-left:1rem;}
.userFunc p i {margin-right:0.35rem;}
.userFunc p em {border-left:1px solid #ccc;height:0.6rem;margin:0.7rem 0.5rem;width:1px;}




/* ===== header ===== */
.header {background:#61aced url(/assets/img/bgh.png) center top no-repeat;height:7rem;padding-top:2rem;}
.pdt, a.hda, .submenu i {display:none !important;}




/* ----- logo ----- */
h1.logo, h1.logo a {height:4rem;width:32rem;}
h1.logo {padding-top:1.5rem;}
h1.logo a {background-image:url(/assets/img/logo_waterpub.png);}



/* ----- type-wrap ----- */
.type-wrap {left:50%;margin-left:-305px;top:75px;}
.xw .type-wrap {margin-left:-375px;}

.type-wrap * {color:#fff;line-height:20px;text-shadow:1px 1px 0 #06a;}
.type-wrap h6 {font-size:14px;}



/* ----- searchBox ----- */
.searchBox, .searchOpt, .searchOpt p, .searchOpt p * {height:2rem;line-height:2rem;}
.searchBox {margin-left:9rem;top:4.5rem;width:19rem;}
.xw .searchBox {margin-left:12.5rem;}
.searchBox button, .searchBox input {background:none;}
.searchBox button {height:2rem;padding:0.3rem 0.4rem;width:2.2rem;}
.searchBox button svg {height:1.4rem;width:1.4rem;}
.searchBox button path {fill:#989898;}
.searchBox button:hover path {fill:#6cf;}
.searchBox input {border:0 none !important;height:2rem;opacity:0.62;padding:0 0.75rem;width:10rem;}
.searchBox input:focus {opacity:1;}

.searchOpt, .searchOpt p {width:3.9rem;}
.searchOpt {padding:0 0.65rem 0 0.75rem;}
.searchOpt:after {border-left:1px dotted #0864a9;height:0.8rem;right:1px;top:0.6rem;width:0;}

.searchOpt p {}
.searchOpt p * {color:#39d;}
.searchOpt:hover p * {color:#6cf;}
.searchOpt:hover p i {transform:rotate(180deg);}

.searchOpt ul {left:0;padding:0.25rem 0;top:2.5rem;}
.searchOpt:hover ul {top:2rem;}
.searchOpt li, .searchOpt li a {height:2rem;line-height:2rem;}
.searchOpt li a {padding:0 0.5rem;width:7rem;}
.searchOpt li a:link, .searchOpt li a:visited {color:#005ca9;}
.searchOpt li a:hover, .searchOpt li a:active {background-color:#6cf;color:#fff;}


/* ===== cart-ico ===== */
.cart-ico, .cart-ico * {float:left;}
.cart-ico {margin-left:15px;position:relative;}
.xw .cart-ico {}

.cart-ico * {text-align:center;}
.cart-ico i, .cart-ico b {display:block;float:left;height:2rem;line-height:2rem;}
.cart-ico i {font-size:20px;margin-right:5px;}

.cart-ico a {padding:0 10px;}
.cart-ico a:link *, .cart-ico a:visited * {color:#005ca9;}
.cart-ico a:hover *, .cart-ico a:active * {color:#6cf;}






/* ===== navigation ===== */
.navigation, .navigation ol, .navigation li, .navigation li * {height:2.5rem;line-height:2.5rem;}
.navigation {background-color:#005ca9;}
.navigation li {}
.navigation li a {color:#fff;font-size:0.85rem;padding:0 2.8rem;}
.navigation li.cur a:link, .navigation li.cur a:visited {background-color:#17b;}
.navigation li a:hover, .navigation li a:active {background-color:#39d;}




/* ===== homePage ===== */
.homePage {padding-bottom:1rem;}



/* ===== ht ===== */
.ht, .ht li, .ht p {height:2.5rem;}
.ht {background-image:url(/assets/img/bgt.png);}
.ht li, .ht li a {width:9rem;}
.ht li {border-right:1px solid #fff;}
.ht h3, .ht h4, .ht li a, .ht p a {line-height:2.25rem;}
.ht li a, .ht p a {padding-top:0.1rem;}
.ht h3, .ht h4 {background-color:#fff;border-top:3px solid #6cf;border-right:2px solid #fff;color:#3a3a3a;}
.ht h3 {min-width:4rem;padding:1px 1.5rem 1px 0.15rem;}
.ht h4 {padding:1px 1.5rem 1px 1.5rem;}

.ht li a:link, .ht li a:visited {border-top:3px solid #0482c3;color:#3a3a3a;}
.ht li a:hover, .ht li a:active, .ht li.cur a:link, .ht li.cur a:visited {background-color:#fff;border-top:3px solid #6cf;color:#6cf;}

.ht p a {padding:0.1rem 0.5rem 0 0.5rem;}
.ht p a:link, .ht p a:visited {color:#5a5a5a;}
.ht p a:hover, .ht p a:active {color:#6cf;}



/* ===== homeRow ===== */
.homeRow, .homeTitle {margin-top:1rem;}



/* ----- fullAdv ----- */
.fullAdv, .fullAdv * {width:100%;}




/* ----- home-adv-slide ----- */
.home-adv-slide, .home-adv-slide li, .home-adv-slide li * {height:120px;width:100%;}
.home-adv-slide li * {display:block;}
.home-adv-slide .bx-controls {height:0;}
.home-adv-slide .bx-controls-direction a {height:64px;line-height:64px;margin-top:-32px;position:absolute;top:50%;text-align:center;width:32px;}
.home-adv-slide .bx-controls-direction a {background:rgba(0,0,0,0.38);opacity:0.38;}
.home-adv-slide .bx-controls-direction a:hover {opacity:1;}

.home-adv-slide .bx-controls-direction a.bx-prev {left:0;}
.home-adv-slide .bx-controls-direction a.bx-next {right:0;}
.home-adv-slide .bx-controls-direction i {color:#fff;font-size:22px;}

.home-adv-slide .bx-pager, .home-adv-slide .bx-pager * {height:2px;vertical-align:top;}
.home-adv-slide .bx-pager {text-align:center;width:100%;}

.home-adv-slide .bx-pager {bottom:12px;left:0;position:absolute;width:100%;}
.home-adv-slide .bx-pager-item, .home-adv-slide .bx-pager-item a {overflow:hidden;width:20px;}
.home-adv-slide .bx-pager-item {display:inline-block;margin:0 2px;}
.home-adv-slide .bx-pager-item a.bx-pager-link {background:#ddd;display:block;}
.home-adv-slide .bx-pager-item a.bx-pager-link.active {background:#39d;}

.xw .home-adv-slide, .xw .home-adv-slide li, .xw .home-adv-slide li * {height:135px;}



/* ==== homePress ==== */
.homePress {width:60rem;}
.xw .homePress {width:67rem;}




/* ----- hpl ----- */
.hpl, .hpr {padding:0 1.25rem;}
.hpl {height:38rem;width:37.5rem;}
.xw .hpl {height:38rem;width:44.5rem;}
.hpl:after {border-left:1px solid #eaeaea;}
.hpc {padding-top:1.25rem;}




/* ----- headlines ----- */
.headlines, .headlines li, .headlines .bx-wrapper {height:18.75rem;width:37.5rem !important;}
.xw .headlines, .xw .headlines li, .xw .headlines .bx-wrapper {width:44.5rem !important;}
.headlines dt, .headlines dt em, .headlines dt img {background-position:50% 50%;background-size:cover;height:375px;width:25.5rem !important;}
.xw .headlines dt, .xw .headlines dt em {width:30rem !important;}
.headlines dt img {opacity:0;}

.headlines dd, .headlines .bx-controls-direction, .headlines .bx-pager {width:10rem;}
.xw .headlines dd, .xw .headlines .bx-controls-direction, .xw .headlines .bx-pager {width:12rem;}
.headlines dd  {background:#fff url(/assets/img/dots.png);height:16.75rem;padding:1rem;}
.xw .headlines dd 
.headlines h3 {line-height:1.5rem;}

.headlines h5, .headlines p {margin-top:0.5rem;}
.headlines h5 * {line-height:1rem;margin-right:0.35rem;}
.headlines p {line-height:1.25rem;overflow:hidden;max-height:7.5rem;}

.headlines li a:link h3, .headlines li a:visited h3 {color:#005ca9;}
.headlines li a:link i, .headlines li a:visited i {color:#aaa;}
.headlines li a:link b, .headlines li a:visited b {color:#5a5a5a;}
.headlines li a:hover *, .headlines li a:active * {color:#6cf !important;}

.headlines .bx-controls-direction, .headlines .bx-pager {position:absolute;right:1.25rem;}
.headlines .bx-controls-direction {bottom:0;height:0;}

.headlines .bx-controls-direction a, .headlines .bx-controls-direction i, .headlines .bx-controls-direction i:before {height:1.6rem;line-height:1.6rem;width:1.6rem;}
.headlines .bx-controls-direction a {position:absolute;top:-2.6rem;}
.headlines .bx-controls-direction a:link i, .headlines .bx-controls-direction a:visited i {color:#aaa;}
.headlines .bx-controls-direction a:hover i, .headlines .bx-controls-direction a:active i {background-color:#6cf;color:#fff;}

.headlines a.bx-prev {left:-0.35rem;}
.headlines a.bx-next {right:-0.35rem;}
.headlines .bx-controls-direction i {font-size:1.6rem;}


.headlines .bx-pager {bottom:1.5rem;}
.headlines .bx-pager, .headlines .bx-pager-item, .headlines .bx-pager-link {height:0.7rem;vertical-align:top;}
.headlines .bx-pager-item {margin:0 0.2rem;}
.headlines .bx-pager-link {border-radius:0.5rem;width:0.7rem;}
.headlines .bx-pager-link.active {width:1.4rem;}
.headlines a.bx-pager-link:link, .headlines a.bx-pager-link:visited {background-color:#ccc;}
.headlines a.bx-pager-link.active:link, .headlines a.bx-pager-link.active:visited {background-color:#39d;}
.headlines a.bx-pager-link:hover, .headlines a.bx-pager-link:active {background-color:#6cf;}




/* ----- homeNews ----- */
.homeNews {padding-top:1.25rem;}

.nc {padding-top:0.65rem;}
.nc li {width:18rem;}
.xw .nc li {width:21.5rem;}
.nc li:nth-child(2n+1) {padding-right:1.5rem;}
.nc li, .nc li * {height:42px;line-height:42px;}

.nc li b {padding-left:0.6rem;width:17.4rem;}
.xw .nc li b {width:18rem;}

.nc li b:before {height:4px;top:1rem;width:4px;}
.nc li span {display:none;right:0;top:0;width:2.9rem;}
.xw nc li span {display:block;}
.nc li a:link b, .nc li a:visited b {color:#282828;}
.nc li a:link span, .nc li a:visited span {color:#989898;}
.nc li a:hover b, .nc li a:active b, .nc li a:hover span, .nc li a:active span {color:#6cf;}

.nc li a:link b:before, .nc li a:visited b:before {background-color:#aaa;}
.nc li a:hover b:before, .nc li a:active b:before {background-color:#6cf;}




/* ----- hpr ----- */
.hpr {width:17.5rem;}



/* ----- homeResources ----- */
.homeRS {}
.homeRS li, .homeRS li a {width:17.5rem;}
.homeRS li {height:4rem;}
.homeRS li * {display:block;}
.homeRS li a {height:3.5rem;}
.homeRS li img {max-height:3.5rem;margin:auto;max-width:17.5rem;}

.hrc {padding-top:0.8rem;}

.homeRS .bx-controls-direction {height:1.4rem;}
.homeRS .bx-controls-direction:after, .homeRS .bx-controls-direction:before {border-top:1px solid #ddd;height:0;top:50%;width:125px;}
.homeRS .bx-controls-direction:after {right:0;}
.homeRS .bx-controls-direction:before {left:0;}

.homeRS .bx-controls-direction a, .homeRS .bx-controls-direction a i, .homeRS .bx-controls-direction a i:before {height:1.3rem;line-height:1.3rem;text-align:center;width:1.9rem;}
.homeRS .bx-controls-direction a:hover {z-index:1;}
.homeRS .bx-controls-direction a i {font-size:1rem;}
.homeRS .bx-controls-direction a:link, .homeRS .bx-controls-direction a:visited {background-color:#f8f8f8;border:1px solid #ddd;color:#5a5a5a;}
.homeRS .bx-controls-direction a:hover, .homeRS .bx-controls-direction a:active {background-color:#6cf;border:1px solid #39d;color:#fff;}
.homeRS .bx-controls-direction a:hover i {color:#fff;}
.homeRS a.bx-next {margin-left:-1px;}

.homeRS .bx-controls {padding-top:6px;}



/* ----- homeSVC ----- */
.homeSVC, .homeSVC ol, .homeSVC li {height:4.5rem;}
.homeSVC {margin-top:1rem;}
.homeSVC ol {left:-25px;;width:20rem;}
.homeSVC li:nth-child(1), .homeSVC li:nth-child(3) {width:133px;}
.homeSVC li:nth-child(2) {border-left:1px solid #fff;border-right:1px solid #fff;width:132px;}
.homeSVC a {padding:0.75rem 0;}
.homeSVC a:link, .homeSVC a:visited {background:#fff url(/assets/img/dots.png);} 
.homeSVC a:hover, .homeSVC a:active {background:#6cf url(/assets/img/dots.png);}
.homeSVC a:link b, .homeSVC a:visited b {color:#005ca9;}
.homeSVC a:link i, .homeSVC a:visited i {color:#87badc;}
.homeSVC a:hover *, .homeSVC a:active * {color:#fff !important;}
.homeSVC a b {line-height:1rem;}
.homeSVC a i {font-size:1.4rem;line-height:2rem;}




/* ----- homeStore ----- */
.homeStore {}
.assort {background:url(/assets/img/assort.png) 50% 50% no-repeat;min-height:10rem;}
.assort ol {padding:0.75rem 0 0 2rem;}
.assort li, .assort li * {height:45px;line-height:45px;}
.assort i:before{content:"\F58C";}
.assort b {font-size:0.75rem;max-width:80%;padding-left:1rem;}
.assort i {font-size:0.6rem;opacity:0.5;padding-right:0.5rem;top:0;}
.assort a:link *, .assort a:visited * {color:#005ca9;display:block;}
.assort a:hover *, .assort a:active * {color:#6cf !important;}




/* ===== bookDual ===== */
.bookDual, ol.bookSwap li.cur, ol.bookSwap li.cur:after, ol.bookSwap li.cur:before {/* background-color:#f6f8fa; */ background-color:#fff;}
.bookDual, ol.bookSwap {height:19.5rem;}
.xw .bookDual, .xw ol.bookSwap {height:20.5rem;}
.bookDual {padding-left:3rem;width:57rem;}
.xw .bookDual {width:64rem;}

ol.bookSwap, ol.bookSwap li {width:3rem;}
ol.bookSwap {left:0;top:0;}
ol.bookSwap li {background-color:#e8f0f5;height:9.75rem;}
.xw ol.bookSwap li {height:10.25rem;}
ol.bookSwap li:after {background-color:#d8e1e5;height:1px;left:0;width:100%;}
ol.bookSwap li:nth-child(1):after {bottom:0;}
ol.bookSwap li:nth-child(2):after {top:0;}
ol.bookSwap li:before {background-color:#d8e1e5;height:100%;right:0;top:0;width:1px;}
ol.bookSwap li b {color:#5a5a5a;left:1rem;line-height:1.25rem;top:2.25rem;width:1rem;}
.xw ol.bookSwap li b {top:2.75rem;}
ol.bookSwap li.cur b {color:#0864a7;}




/* ===== bookExpress ===== */
.bookExpress {/* height:19.25rem;padding:1.25rem 1.25rem 0 1.25rem; */ padding:0 1.25rem;width:54.5rem;}
.xw .bookExpress {/* height:19.25rem;padding:1.25rem 1.25rem 0 1.25rem;*/width:61.5rem;}



/* ----- bt ----- */
.bt {background-color:#f8f8f8;background:linear-gradient(to top, #f8f8f8 0%, #fafafa 100%);border:1px solid #e8e8e8;border-top-width:0;height:53px;}
.bt ol, .bt li {float:left;}
.bt ol {}
.bt ol li {border-right:1px solid #e8e8e8;}
.bt a {display:block;line-height:53px;}
.bt li a {font-weight:bold;padding:0 3rem;}
.bt li.cur a {background-color:#fff;color:#6cf;position:relative;}
.bt li.cur a:after {background-color:#6cf;content:" ";height:3px;left:0;position:absolute;top:52px;width:100%;}

.bt p, .et p {float:right;}
.bt p a, .et p a {padding:0 1.25rem;}



/* ----- et ----- */
.et {border-bottom:1px solid #ddd;height:55px;}
.et ol, .et li {float:left;}
.et a {display:block;line-height:54px;}
.et li a {font-weight:bold;padding:0 3rem;}
.et li.cur a {color:#6cf;position:relative;}
.et li.cur a:after {background-color:#6cf;content:" ";height:3px;left:0;position:absolute;top:54px;width:100%;}




/* ===== booklist ===== */
.booklist, .booklist li {height:13.5rem;}
.xw .booklist, .xw .booklist li {height:15.5rem;}
.booklist {padding-top:1rem;}
.booklist li {margin-right:0.5rem;width:11.1rem;}
.booklist li:last-child {margin-right:0 !important;}
.xw .booklist li {margin-right:0.75rem;}

.booklist.mid-size li, .booklist.mid-size li a, .booklist.mid-size dl, .booklist.mid-size dt, .booklist.mid-size dd {width:10.5rem;}
.xw .booklist li, .xw .booklist li a, .xw .booklist dl, .xw .booklist dt, .xw .booklist dd {width:12.3rem;}
.xw .booklist.mid-size li, .xw .booklist.mid-size li a, .xw .booklist.mid-size dl, .xw .booklist.mid-size dt, .xw .booklist.mid-size dd {width:11.7rem;}

.booklist dt, .booklist dt em {height:10.4rem;width:10.4rem;}
.booklist.mid-size dt, .booklist.mid-size dt em {height:10.4rem;width:10.4rem;}
.xw .booklist dt, .xw .booklist dt em {height:12.3rem;width:12.3rem;}
.xw .booklist.mid-size dt, .xw .booklist.mid-size dt em {height:12.3rem;width:11.7rem;}

.booklist dt em {/* height:8.9rem;padding:0.8rem;width:8.9rem; */display:table-cell;position:relative;vertical-align:middle;}
.booklist.mid-size dt em {/* height:8.9rem;width:8.9rem; */}
.xw .booklist dt em {/* height:10.6rem;width:10.6rem; */}
.xw .booklist.mid-size dt em {/* height:10rem;width:10rem; */}
.booklist a img {max-height:8.9rem;max-width:8.9rem;}
.booklist.mid-size a img {max-height:8.9rem;max-width:8.9rem;}
.xw .booklist a img {max-height:10.6rem;max-width:10.6rem;}
.xw .booklist.mid-size a img {max-height:10rem;max-width:10rem;}
.booklist a:hover img {opacity:0.5;}

.booklist dd {padding-top:0.5rem;}
.booklist dd * {line-height:1.25rem;}




/* ===== tags ===== */
h5.tags, h5.tags * {color:#fff !important;}
h5.tags.tag-new, h5.tags.tag-new b {width:2.3rem;}
h5.tags.tag-new {left:0.5rem;top:0;}
h5.tags b {line-height:1rem;}
h5.tags.tag-new b, h5.tags.tag-new b:after, h5.tags.tag-new b:before {box-shadow:1px 1px 0 #fff;}
h5.tags.tag-new b {background-color:#67bb66;padding:0.35rem 0.65rem;width:1rem;}

.booklist a:hover .tag-new b {padding:0.45rem 0.65rem;}

h5.tags.tag-new b:after, h5.tags.tag-new b:before {border-top:4px solid #67bb66;height:0;bottom:-4px;width:0;}
h5.tags.tag-new b:after {border-right:23px solid rgba(0,0,0,0);right:50%;}
h5.tags.tag-new b:before {border-left:23px solid rgba(0,0,0,0);left:50%;}

h5.tags.tag-off {background:url(/assets/img/tag-off.png) 0 0 no-repeat;height:2rem;padding:0.6rem 0.35rem;right:0.5rem;top:0.5rem;width:2.5rem;}

h5.tags.tag-award {background-color:rgba(102,204,255,0.9);color:#fff;height:1.75rem;line-height:1.75rem;left:0;top:62%;width:100%;}


.booklist a:link em, .booklist a:visited em {border:1px solid #e8e8e8;}
.booklist a:hover em, .booklist a:active em {border:1px solid #6cf;}
.booklist a:link h4, .booklist a:visited h4 {color:#3a3a3a;}
.booklist a:link p, .booklist a:visited p {color:#888;}
.booklist a:hover h4, .booklist a:active h4, .booklist a:hover p, .booklist a:active p {color:#6cf;}




/* ===== homeTitle ===== */
.homeTitle {height:2rem;}
.homeTitle b {color:#17b;font-size:1.5rem;text-align:center;width:5rem;}
.homeTitle em, .homeTitle i {background:#5a95cb;height:0.2rem;margin-top:0.9rem;width:27.5rem;}
.xw .homeTitle em, .xw .homeTitle i {width:31rem;}
.homeTitle em {background:url(/assets/img/HTL.png) 0 0 no-repeat;background:linear-gradient(to left, rgba(90,149,203, 1) 0%, rgba(90,149,203, 0) 100%);}
.homeTitle i {background:url(/assets/img/HTR.png) 100% 0 no-repeat;background:linear-gradient(to right, rgba(90,149,203, 1) 0%, rgba(90,149,203, 0) 100%);}




/* ===== homeElite ===== */
.homeElite, .homeReviews {width:57.5rem;}
.homeElite {padding:1.25rem 1.25rem 0.75rem 1.25rem;}
.xw .homeElite, .xw .homeReviews {width:64.5rem;}


/* ===== homeReviews ===== */
.homeReviews {background-color:#f8f9fa;border-bottom:1px solid #e8e8e8;border-top:1px solid #e8e8e8;padding:1.5rem 1.25rem;}

h3.reviewT {height:6.5rem;margin:2.5rem 0 0 0.25rem;width:1.5rem;}
h3.reviewT:after, h3.reviewT:before {height:8px;width:23px;}
h3.reviewT:after {border-bottom:3px solid #a8caed;border-right:3px solid #a8caed;bottom:-3px;right:-3px;}
h3.reviewT:before {border-left:3px solid #a8caed;border-top:3px solid #a8caed;left:-3px;top:-3px;}

h3.reviewT b {color:#005ca9;height:4rem;left:0;line-height:2rem;margin-top:-2rem;top:50%;width:1.5rem;}

.review-list li {padding-bottom:0.25rem;width:28rem !important;}
.xw .review-list li {width:31.5rem !important;}
.review-list li:after {border-right:1px dotted #ccc;height:100%;width:0;}
.review-list dl, .review-list h4 {padding:0.75rem 2rem 0 2.25rem;width:23.75rem;}
.xw .review-list dl, .xw .review-list h4 {width:27.25rem;}

.review-list dt, .review-list dt img {width:5.25rem;}
.review-list dd {padding-left:1.25em;width:17.25rem;}
.xw .review-list dd {width:20.75rem;}

.review-list h5, .review-list p {line-height:1.25rem;}
.review-list h5 {height:1.25rem;margin-top:-5px;}
.review-list h5 b {margin-left:0.25rem;}
.review-list p {max-height:7.5rem;overflow:hidden;padding-top:0.5rem;}

.review-list li a:link h4, .review-list li a:visited h4 {color:#005ca9;}
.review-list li a:link b, .review-list li a:visited b {color:#666;}
.review-list li a:link i, .review-list li a:visited i {color:#aaa;}
.review-list li a:link p, .review-list li a:visited p {color:#888;}
.review-list li a:hover *, .review-list li a:active * {color:#6cf !important;}

.review-list .bx-wrapper {overflow:hidden;max-width:1115px !important;width:1115px !important;}
.xw .review-list .bx-wrapper {overflow:hidden;max-width:1255px !important;width:1255px !important;}
.review-list .bx-viewport {width:56rem !important;}
.xw .review-list .bx-viewport {width:63rem !important;}

.review-list .bx-controls, .review-list .bx-pager {width:1120px;}
.xw .review-list .bx-controls, .xw .review-list .bx-pager {width:1260px;}
.review-list .bx-controls {padding-top:1rem;}
.review-list .bx-pager-item, .review-list .bx-pager-item a {height:0.6rem;width:0.6rem;}
.review-list .bx-pager-item {margin:0 0.15rem;}
.review-list a.bx-pager-link:link, .review-list a.bx-pager-link:visited {background-color:#ddd;}
.review-list a.bx-pager-link.active:link, .review-list a.bx-pager-link.active:visited {background-color:#39d;}
.review-list a.bx-pager-link:hover, .review-list a.bx-pager-link:active {background-color:#6cf;}

p.moreReview {bottom:1.5rem;right:1.25rem;}
p.moreReview a:link, p.moreReview a:visited {color:#888;}
p.moreReview a:hover, p.moreReview a:active {color:#6cf;}




/* ===== homeDual ===== */
.homeDual {width:60rem;}
.xw .homeDual {width:67rem;}


/* ===== recommends ===== */
.recommends, .downloads {height:17rem;padding:1.25rem 1.25rem 0 1.25rem;}
.recommends {width:35rem;}
.xw .recommends {width:39rem;}
.recommends:after {border-left:1px solid #e8e8e8;}

.recommends .c ul {padding-top:1rem;}
.recommends .c li {height:12rem;width:15.5rem;}
.xw .recommends .c li {width:17.5rem;}

.recommends .c li:nth-child(1) {padding-right:2rem;}
.recommends .c li:nth-child(1):after {border-left:1px dotted #ccc;height:100%;width:0;}
.recommends .c li:nth-child(2) {padding-left:2rem;}

.recommends .c h4 {padding-top:0.25rem;}
.recommends .c dl {padding-top:1rem;width:17.5rem;}
.recommends .c dt, .recommends .c dt img {width:5.25rem;}

.recommends .c dd {padding-left:1rem;width:9.25rem;}
.xw .recommends .c dd {padding-left:1rem;width:11.25rem;}
.recommends .c p {line-height:1.25rem;max-height:7.5rem;margin-top:0.5rem;overflow:hidden;}

.recommends .c a:link h4, .recommends .c a:visited h4 {color:#005ca9;}
.recommends .c a:link h5, .recommends .c a:visited h5 {color:#333;}
.recommends .c a:link p, .recommends .c a:visited p {color:#989898;}
.recommends .c a:hover *, .recommends .c a:active * {color:#6cf !important;}




/* ===== downloads ===== */
.downloads {width:20rem;}
.xw .downloads {width:23rem;}
.downloads ul {padding-top:0.75rem;}
.downloads li, .downloads li * {height:42px;line-height:42px;}
.downloads li b {padding-left:0.6rem;width:14.2rem;}
.xw .downloads li b {width:17.2rem;}
.downloads li b:before {height:4px;left:0;top:1rem;width:4px;}
.downloads li span {right:0;top:0;text-align:right;width:5.2rem;}
.downloads li a:link b, .downloads li a:visited b {color:#282828;}
.downloads li a:link span, .downloads li a:visited span {color:#989898;}
.downloads li a:hover b, .downloads li a:active b, .downloads li a:hover span, .downloads li a:active span {color:#6cf;}

.downloads li a:link b:before, .downloads li a:visited b:before {background-color:#aaa;}
.downloads li a:hover b:before, .downloads li a:active b:before {background-color:#6cf;}




/* ===== flinks+friend-links ===== */
.flinks, .friend-links {padding:1.25rem 1.25rem 0.75rem 1.25rem;width:57.5rem;}
.xw .flinks, .xw .friend-links {padding:1.25rem 1.25rem 0.75rem 1.25rem;width:64.5rem;}

.flinks ol, .flinks ol li, .flinks ol li b {height:35px;line-height:1rem;}
.flinks ol {border-bottom:1px solid #ddd;}
.flinks ol li, .flinks ol li b {height:35px;line-height:1rem;}
.flinks ol li b {padding:0 0.75rem;}
.flinks ol li.cur b {color:#0182c4;}
.flinks ol li.cur b:after {background-color:#0182c4;bottom:-2px;height:3px;left:0;width:100%;}


.flinks ul {padding-top:1rem;}
.flinks ul li {padding:0 0.5rem 0.5rem 0;}
.flinks ul li a, .flinks ul li img {height:45px;}
.flinks ul li a:link, .flinks ul li a:visited {border:1px solid #ddd;}
.flinks ul li a:hover, .flinks ul li a:active {border:1px solid #6cf;}



/* ----- friend-links ----- */
.friend-links {}
.friend-t, .friend-t h3, .friend-t h3 b {height:40px;}
.friend-t {border-bottom:1px solid #ccc;}
.friend-t h3 {padding:0 5px;}
.friend-t h3 i {border-bottom:3px solid #0482c3;bottom:-2px;height:0;left:0;width:100%;}

.friend-c {padding-bottom:10px;}
.friend-c ul, .friend-c li {vertical-align:top;}
.friend-c ul {text-align:center;}
.friend-c li {display:inline-block;margin:20px 20px 0 20px;}




/* ===== ftlink ===== */
.ftlink {background-color:#1a6eac;/* margin-top:1rem; */}
.ftlink p, .ftcopy p {text-align:center;width:60rem;}
.ftlink p {margin:auto;padding:1.5rem 0;}
.xw .ftlink p, .xw .ftcopy p {width:67rem;}
.ftlink p *, .ftcopy p * {display:inline-block;line-height:1rem;vertical-align:top;}
.ftlink p em {color:#fff;margin:0 2rem;opacity:0.38;}
.ftlink p a:link, .ftlink p a:visited {color:#fff;}
.ftlink p a:hover, .ftlink p a:active {color:#6cf;}



/* ===== ftinfo ===== */
.ftinfo {background-color:#4a4a4a;padding:2rem 0;}
.ftinfo dl {margin:auto;width:60rem;}
.xw .ftinfo dl {width:67rem;}

.ftinfo dt {padding-left:1rem;width:50.6rem;}
.xw .ftinfo dt {width:57.6rem;}

.ftinfo h3, .ftinfo dd p {color:#fff;line-height:1.5rem;}
.ftinfo h3 {padding-bottom:0.5rem;}
.ftinfo p {line-height:1.5rem;}
.ftinfo p b {margin-right:1.5rem;}
.ftinfo dt p, .ftinfo dt p * {color:#aaa;}

.ftinfo dd {padding-right:2rem;}
.ftinfo dd img {width:6.4rem;}
.ftinfo dd p {padding-top:0.25rem;}



/* ===== ftcopy ===== */
.ftcopy {background-color:#282828;}
.ftcopy p {padding:1rem 0;}
.ftcopy p b {color:#ccc;}
.ftcopy p em {color:#fff;margin:0 1rem;opacity:0.2;}

.ftcopy p a:link, .ftcopy p a:visited {color:#fff;}
.ftcopy p a:hover, .ftcopy p a:active {color:#6cf;}
.ftcopy p a img {margin-top:4px;}



/* ===== sider ===== */
.sider {bottom:3.3rem;right:0.75rem;}
.sider li, .sider a, .sider dl, .sider dt, .sider dt i, .sider dt i:before, .sider dd {height:2.5rem;line-height:2.5rem;}
.sider li {padding-top:10px;}
.sider a, .sider dl, .sider dt, .sider dt i {width:2.75rem;}
.sider a, .sider i, .sider img {display:block;}
.sider li i {font-size:1.5rem;}
.sider li.backtop i {font-size:2.25rem;}
.sider dt {overflow:hidden;}
.sider dd {right:2.75rem;bottom:0;width:5rem;}
.sider dd#sideQR {bottom:2.75rem;height:6.4rem;right:3rem;width:6.4rem;}
.sider a:link i, .sider a:visited i {background-color:#fff;color:#a8a8a8;}
.sider a:hover i, .sider a:active i {background-color:#17b;color:#fff;}
.sider a:hover dd, .sider a:active dd {background-color:#39d;color:#fff;}

.sider dt {background-color:#ddd;}




/* ===== stater ===== */
.stater, .stater * {height:2.5rem;line-height:2.5rem;}
.stater p {padding:0 0.25rem;width:59.5rem;}
.xw .stater p {width:66.5rem;}
.stater p em {margin:0 0.5rem;}

.bookStore .stater, .bookStore .stater * {height:2.25rem;line-height:2.25rem;}

.stater h5 {right:0.25rem;top:0;}
.stater h5 i {font-size:1rem;margin-right:0.35rem;}
.stater h5 a:link b, .stater h5 a:link b {color:#5a5a5a;}
.stater h5 a:link i, .stater h5 a:link i {color:#17b;}
.stater h5 a:hover *, .stater h5 a:active * {color:#6cf !important;}



/* ===== subPage ===== */
.subPage {padding:0 0 1rem 0;}
.subPage.pb2 {padding:0 0 2rem 0;}


/* ----- spl ----- */
.spl, .submenu, .sideFind {width:15rem;}
.spl {padding-right:1rem;}


/* ===== submenu ===== */
.submenu {}
.submenu h3, .list-press, .reviews, .article, .st, .sideFind h3 {border-top:3px solid #39d;}
.submenu h3, .submenu li a, .st, .st *, .sideFind h3 {height:2.6rem;line-height:2.6rem;}
.submenu h3, .submenu li a, .st h3, .sideFind h3 {padding-left:1rem;}
.submenu h3, .st, .st h3, .sideFind h3 {background-color:#fafbfc;color:#005ca9;}
.submenu li {border-top:1px solid #eaeaea;}
.submenu li a:link, .submenu li a:visited, .st p a:link, .st p a:visited {color:#5a5a5a;}
.submenu li.cur a:link, .submenu li.cur a:visited {background-color:#f5fbff;color:#005ca9;}
.submenu li a:hover, .submenu li a:active {background-color:#6cf;color:#fff;}



/* ===== sideFind ===== */
.sideFind form {border-top:1px solid #eee;padding:0.5rem 1rem 1rem 1rem;width:13rem;}
.sideFind p {padding-top:0.5rem;}
.sideFind select, .sideFind button {height:2.2rem;}
.sideFind select, .sideFind input {border:1px solid #ddd;}
.sideFind select, .sideFind button {width:13rem;}
.sideFind input {height:2.1rem;padding:0 0.5rem;width:11.9rem;}
.sideFind button {background-color:#17b;color:#fff;}
.sideFind button:hover {background-color:#6cf;}



/* ===== sideAdv ===== */
.sideAdv, .sideAdv * {width:15rem;}



/* ----- st ----- */
.st {}
.st p a {padding:0 1rem;}
.st p a:hover, .st p a:active {color:#6cf;}



/* ----- sc ----- */
.sc li {border-top:1px solid #eaeaea;}
.sc li * {line-height:1rem;}
.sc li a {padding:0.75rem 0.75rem;}
.sc li p {padding-top:0.35rem;}
.sc li p b {margin-left:0.25rem;}

.sc a:link h4, .sc a:visited h4 {color:#005ca9;}
.sc a:link p b, .sc a:visited p b {color:#666;}
.sc a:link p i, .sc a:visited p i {color:#aaa;}
.sc a:hover *, .sc a:active * {color:#6cf !important;}



/* ----- sideNews ----- */


/* ----- sideBook ----- */
.sideBook li a, .sideBook dl {width:13.5rem;}
.sideBook dt {padding-right:0.5rem;}
.sideBook dt em {height:4.5rem;width:3.5rem;}
.sideBook dd, .sideBook dd h4, .sideBook dd p {width:9.5rem;}
.sideBook p, .sideBook p * {height:1rem;line-height:1rem;}
.sideBook p i {width:1rem;}
.sideBook p b {width:8.15rem;}
.sideBook a:link em, .sideBook a:visited em {border:1px solid #ddd;}






/* ----- spr ----- */
.spr {width:44rem;}
.xw .spr {width:51rem;}


/* ===== introPage ===== */
.introPage .aboutPic {float:right;margin:0.5rem 0 0.5rem 1.5rem;width:42%;}



/* ===== article ===== */
.article {padding-top:2rem;}


/* ===== title+stat ===== */
h1.artTitle, h4.upTitle, h4.subTitle {line-height:1.4;text-align:center;}
h1.artTitle {padding:0 1.5rem 1rem 1.5rem;}
.article.introPage h1.artTitle {padding:0 1.5rem 0 1.5rem;}

h1.artTitle, .downDetail h2 {color:#005ca9;}

h4.upTitle, h4.subTitle {color:#5a5a5a;font-weight:bold;}
h4.upTitle {padding:0 1.5rem 0.75rem 1.5rem;}
h4.subTitle {padding:0 1.5rem 1.5rem 1.5rem;}

.artStat, .artStat * {height:2rem;line-height:2rem;vertical-align:top;}
.artStat {background-color:#f8f8f8;padding:0 1.5rem;width:41rem;}
.xw .artStat {width:48rem;}
.artStat p {width:13.66rem;}
.xw .artStat p {width:16rem;}
.artStat b {color:#5a5a5a;margin-left:0.25rem;max-width:10rem;}
.artStat i {color:#aaa;}



/* ----- entry ----- */
.entry, .lister {min-height:8rem;}
.entry, .entry * {color:#5a5a5a;letter-spacing:2px;}
/*
.entry {padding:0.5rem 1.5rem 1.5rem 1.5rem;width:48rem;}
*/
.entry {padding:1rem 2rem 2rem 2rem;width:40rem;}
.xw .entry {width:47rem;}
.entry * {line-height:1.5rem;}

.entry h4, .entry h5 {font-size:0.8rem;}

.entry, .entry div, .entry p, .entry li {color:#5a5a5a;}
.entry div, .entry p {font-size:0.8rem;margin-top:0.5rem;/*text-indent:2em;*/}
.entry div *, .entry p * {text-indent:0;}

.entry ol, .entry ul {padding:0.25em 0 0.75em 2em;}
.entry ol li {list-style:decimal outside;}
.entry ul li {list-style:disc outside;}


.noprefix, .noprefix li {list-style:none !important;}


.entry li {padding-top:0.5em;}

.entry table {background-color:#ddd;border-color:#ddd;border-collapse:collapse; border-bottom-style:solid;}
.entry table {border:0;border-left:1px solid #ddd;border-top:1px solid #ddd;}
.entry th, .entry td {border-bottom:1px solid #ddd;border-right:1px solid #ddd;color:#666;padding:0.4rem 0.5rem;}
.entry th {background-color:#f3f3f3;}
.entry td {background-color:#fff;}

.entry b, .entry strong, .entry h1, .entry h2, .entry h3, .entry h4 {/* color:#005ca9; */}
.entry b, .entry strong, .entry h1, .entry h2, .entry h3, .entry h4 {color:#333;}

.entry em, .entry i {font-style: italic;}
.entry b, .entry strong, .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {font-weight:bold;}


.entry img {height:auto !important;max-width:40rem !important; /* width:auto !important; */}

.entry blockquote {border: 2px solid #eee;margin:1rem 1rem 0 1rem;padding:0.4rem 1rem 1rem;width:45.3rem;}
.entry blockquote p {margin-top:0.6rem;}


/* ----- video ----- */
.entry video, .entry audio {margin:1.5rem auto 0.5rem auto;width:640px;}
.entry video {height:400px;}
.entry audio {}

.entry a:link, .entry a:visited {color:#005ca9;}
.entry a:hover, .entry a:active {color:#6cf;}


.entry .mShow {display:none !important;}



/* ===== addFavorite ===== */
.addFavorite {height:50px;}
.addFavorite.artPos {margin-top:-0.75rem;padding-bottom:1.75rem;}
.addFavorite.downPos {margin-top:0.5rem;}

.addFavorite a {display:block;margin:auto;border-radius:50px;height:48px;text-align:center;width:168px;}
.addFavorite a:link, .addFavorite a:visited {border:1px solid #17b;}
.addFavorite a:hover, .addFavorite a:active {background-color:#6cf;border:1px solid #6cf;}

.addFavorite a * {display:inline-block;height:46px;line-height:46px;vertical-align:top;}
.addFavorite b {margin:0 5px;}
.addFavorite i {font-size:1rem;}
.addFavorite a:link *, .addFavorite a:visited * {color:#17b;}
.addFavorite a:hover *, .addFavorite a:active * {color:#fff !important;}




/* ===== context ===== */
.context, .context li {height:3.5rem;}
.context {background-color:#f8f8f8;border-top:1px solid #eee;}
.context li a {height:2.4rem;width:calc( 100% - 3rem );}
.context li:nth-child(1) a {padding:0.55rem 0.5rem 0.55rem 2.5rem;}
.context li:nth-child(2) a {padding:0.55rem 2.5rem 0.55rem 0.5rem;}
.context li:nth-child(2) h4, .context li:nth-child(2) p {text-align:right;}
.context li h4, .context li p {height:1.2rem;line-height:1.2rem;}

.context li i {font-size:1.75rem;height:3.5rem;line-height:3.5rem;text-align:center;width:2rem;}
.context li:nth-child(1) i {left:0.5rem;}
.context li:nth-child(2) i {right:0.5rem;}


.context a:link h4, .context a:visited h4 {color:#005ca9;}
.context a:link i, .context a:visited i {color:#aaa;}
.context a:hover *, .context a:active * {color:#6cf !important;}

.context li:nth-child(1) a:hover i {left:0.35rem;}
.context li:nth-child(2) a:hover i {right:0.35rem;}




/* ----- getCode ----- */
.getCode, .getCode a {height:100px;width:48px;}
.getCode {margin-left:682px;top:279px;}
.getCode a {background-image:url(/assets/img/getCode.png);}
.getCode .c {border:1px solid #ddd;height:230px;right:59px;padding:20px;top:-86px;width:200px;}

.getCode .c, .sidebar dd {visibility:hidden;opacity:0;}
.getCode a:hover .c, .sidebar a:hover dd {visibility:visible;opacity:1;}

.getCode .c:after, .getCode .c:before {left: 100%;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.getCode .c:after {border-color: rgba(255, 255, 255, 0);border-left-color: #fff;border-width: 8px;margin-top: -8px;}
.getCode .c:before {border-color: rgba(221, 221, 221, 0);border-left-color: #ddd;border-width: 9px;margin-top: -9px;}

.getCode .c p {padding-top:15px;height:15px;line-height:15px;text-align:center;}



/* ===== pager ===== */
.pager, .pager * {line-height:2.6rem;}
.pager, .pager ul {height:2.7rem;width:100%;}
.pager {padding:1.6rem 0 0.6rem 0;}
.pager ul {text-align:center;}
.pager li {display:inline-block;margin:0 0.25rem;}
.pager li a, .pager li b {padding:0 1.1rem;}
.pager li.thisclass, .pager li.thisclass a, .pager li b {background-color:#39d !important;color:#fff !important;}
.pager li a:link, .pager li a:visited {background-color:#fff;color:#5a5a5a;}
.pager li a:hover, .pager li a:active {background-color:#6cf;color:#fff;}



/* ===== press ===== */
.list-press {}
.list-press li {border-bottom:1px dotted #ddd;}
.list-press li a {display:table;padding:1.25rem 1.5rem;width:41rem;}
.xw .list-press li a {width:48rem;}
.list-press dl {display:table-row;}
.list-press dt, .list-press dd {display:table-cell;vertical-align:top;}

.list-press dt, .list-press dt em {height:7.5rem;width:12rem;}
.list-press dt {padding-right:1rem;}
.list-press dd {}
.list-press h5, .list-press h5 * {height:1rem;line-height:1rem;}
.list-press h5 {padding:0.75rem 0;}
.list-press span {width:50%;}
.list-press span:last-child {float:right;margin-right:0.75rem;width:auto;}

.list-press b {margin-left:0.25rem;}
.list-press b {max-width:11rem;}
.list-press p {line-height:1.25rem;}
.list-press a:link h4, .list-press a:visited h4, .list-press a:link h4 *, .list-press a:visited h4 * {color:#005ca9 !important;}
.list-press a:link b, .list-press a:visited b {color:#5a5a5a;}
.list-press a:link i, .list-press a:visited i {color:#aaa;}
.list-press a:link p, .list-press a:visited p {color:#989898;}
.list-press a:hover *, .list-press a:active *, .list-press a:hover h4, .list-press a:active h4, .list-press a:hover h4 *, .list-press a:active h4 * {color:#6cf !important;}




/* ===== list-down ===== */
.list-down {color:#1570a6;color:#0078d7;color:#aaa;width:44rem;}
.xw .list-down {width:51rem;}
.list-down, .sources li {border-top:3px solid #39d;}
.list-down li {/* margin-top:0.5rem; */border-top:1px dotted #ddd;}
.list-down li:first-child {border-top-width:0;margin-top:0;}
.list-down li a {padding:1rem 1rem 1.25rem 1rem;width:42rem;}
.xw .list-down li a {width:49rem;}
.list-down h4, .list-down h4 * {line-height:1.8rem;}
.list-down h4 {padding-left:1.5rem;width:40.5rem;}
.xw .list-down h4 {width:47.5rem;}
.list-down h4 i {left:0;top:0;text-align:center;width:1rem;}
.list-down dl {height:1.5rem;padding:0.25rem 0 0 1.5rem;width:40.5rem;}
.xw .list-down dl {width:47.5rem;}
.list-down dt, .list-down dd {line-height:1.5rem;width:13.5rem;}
.xw .list-down dt, .xw .list-down dd {width:15.5rem;}
.list-down b {max-width:9rem;}

.list-down a:link h4, .list-down a:visited h4 {color:#005ca9;}
.list-down a:link i, .list-down a:visited i {color:#bbb;}
.list-down a:link b, .list-down a:visited b {color:#5a5a5a;}
.list-down a:link em, .list-down a:visited em {color:#aaa;}
.list-down a:hover *, .list-down a:active * {color:#6cf !important;}


.softrank, .softrank em {background-image:url(/assets/img/softrank.png);height:0.8rem;}
.softrank {margin-top:0.35rem;width:4.5rem;}
.softrank em {background-position:0 100%;}
.rank-1 em {width:0.9rem;}
.rank-2 em {width:1.8rem;}
.rank-3 em {width:2.7rem;}
.rank-4 em {width:3.6rem;}
.rank-5 em {width:4.5rem;}




/* ===== downDetail ===== */
.downDetail {padding:0.5rem 1.5rem 1.5rem 1.5rem;width:41rem;}
.xw .downDetail {width:48rem;}
.downDetail h1.artTitle {padding:1.5rem 0 1.5rem 0;}


/* ----- table ----- */
.detailTable {height:10.25rem;width:41rem;}
.xw .detailTable {width:48rem;}


/* ----- pic ----- */
.softPic, .softPic a {height:10.15rem;width:10rem;}
.softPic {border:1px solid #eee;}
.softPic {display:table-row;}
.softPic a {display:table-cell;vertical-align:middle;}
.softPic img {display:block;margin:auto;max-height:9rem;max-width:9rem;}
.softPic a:hover img {opacity:0.62;}



/* ----- info ----- */
.softInfo {border-bottom:1px solid #eee;height:10.2rem;width:30.9rem;}
.xw .softInfo {width:37.9rem;}
.softInfo dl {width:18.95rem;}
.softInfo dt, .softInfo dd {}

.softInfo dl {border-top:1px solid #eee;border-left:1px solid #eee;width:50%;}
.softInfo dt, .softInfo dd {line-height:2.5rem;padding-left:1rem;}
.softInfo dt {background-color:#f8f9fa;border-right:1px solid #eee;padding-right:1rem;width:4.5rem;}
.softInfo dd {color:#5a5a5a;width:calc( 100% - 8.6rem );}
.softInfo .softrank {margin-top:0.75rem;}


/* ----- downSwap ----- */
ol.downSwap, ol.downSwap * {height:2.5rem;line-height:2.5rem;}
ol.downSwap {background-color:#f3f3f3;margin-top:1.5rem;}
ol.downSwap li {border-right:2px solid #fff;}
ol.downSwap li b {color:#5a5a5a;padding:0 1.5rem;}
ol.downSwap li.cur b {background-color:#fff;border-top:3px solid #6cf;color:#5be;}



/* ----- downLink ----- */
.downLink, .entry.downC {padding:0.5rem 0rem;width:41rem;}
.xw .downLink, .xw .entry.downC {width:48rem;}

.downLink {}

.downLink ol {}
.downLink li {min-height:3rem;width:41rem;}
.xw .downLink li {width:48rem;}

.downLink li:not(:first-child) b {border-top:1px dotted #ccc;}
.downLink li a {min-height:3rem;}
.downLink li i {font-size:1rem;line-height:3rem;text-align:center;width:2rem;}
.downLink li b {line-height:1rem;padding:1rem 0.5rem;width:38rem;}
.xw .downLink li b {width:45rem;}

.downLink li a:link, .downLink li a:visited {}
.downLink li a:hover, .downLink li a:active {}
.downLink li a i {}
.downLink li a:link b, .downLink li a:visited b {color:#5a5a5a;}
.downLink li a:link i, .downLink li a:visited i {color:#aaa;}
.downLink li a:hover *, .downLink li a:active * {color:#6cf !important;}

.downNote {background-color:#fafbfc;border:1px solid #e8e8e8;margin-top:1.25rem;padding:0.75rem 1rem;}
.xw .downNote {}
.downNote h4, .downNote b {color:#005ca9;padding-bottom:0.5rem;}
.downNote p {line-height:1.5rem;}



/* ----- relatedFile ----- */
.relatedFile ul, .relatedFile li {padding-top:1em;}
.relatedFile li * {line-height:1rem;}
.relatedFile a {padding-left:1rem;}
.relatedFile a i {left:0;top:0;}
.relatedFile a:link b, .relatedFile a:visited b {color:#005ca9;}
.relatedFile a:link i, .relatedFile a:visited i {color:#aaa;}
.relatedFile a:hover *, .relatedFile a:active * {color:#6cf !important;}



/* ===== sources ===== */
.sources {width:44rem;}
.xw .sources {width:51rem;}
.sources li {margin-top:0.75rem;padding:1.5rem 2rem;width:40rem;}
.xw .sources li {width:47rem;}
.sources li:first-child {margin-top:0;}
.sources h2, .sources h2 * {line-height:1.5rem;}
.sources h2 a {padding-left:1.5rem;width:38.5rem;}
.xw .sources h2 a {width:45.5rem;}

.sources h2 i {left:0;opacity:0.5;top:0;}

.sources dl {margin-top:0.75rem;min-height:7.6rem;padding-right:13rem;width:27rem;}
.xw .sources dl {width:34rem;}
.sources dt, .sources dt a {height:7.5rem;width:12rem;}
.sources dt {display:table-row;border:1px solid #e8e8e8;right:0;top:0;}
.sources dt a {display:table-cell; vertical-align:middle;}
.sources dt img {margin:auto;max-height:6rem;max-width:10rem;}
.sources a:hover img {opacity:0.62;}

.sources dd {width:26.9rem;}
.xw .sources dd {width:33.9rem;}
.sources h4 {padding-bottom:0.5rem;}
.sources p {line-height:1.5rem;padding-bottom:0.25rem;text-indent:2em;}
.sources h5, .sources h5 * {height:1rem;line-height:1rem;}
.sources h5 {padding-top:0.75rem;width:75%;}
.sources h5 * {margin-right:0.35rem;}
.sources a:link, .sources a:visited, .sources a:link *, .sources a:visited * {color:#005ca9;}
.sources a:hover, .sources a:active, .sources a:hover *, .sources a:active * {color:#6cf;}

.sources .intro {width:100%;}
.sources .intro.collapse {max-height:4.5rem;}

a.showMore.expanded i {transform:rotate(180deg);}
a.showMore i {transform:rotate(0deg);}




/* ===== reviews ===== */
.reviews {}
.reviews li {border-top:1px solid #eee;padding:1.5rem;width:41rem;}
.xw .reviews li {width:48rem;}
.reviews dl, .reviews dd {width:33.75rem;}
.reviews dl {min-height:8rem;padding-left:7.25rem;}
.xw .reviews dl, .xw .reviews dd {width:40.75rem;}

.reviews dt, .reviews dt em {height:8rem;width:6.25rem;}
.reviews dt {left:0;top:0;}
.reviews h4 span {margin:0 0.35rem;}
.reviews a:link h4 b, .reviews a:visited h4 b {color:#005ca9;}
.reviews a:hover h4 b, .reviews a:active h4 b {color:#6cf;}
.reviews h5, .reviews h5 * {height:1rem;line-height:1rem;}
.reviews h5 {padding:0.5rem 0;}
.reviews h5 span {padding-right:2rem;max-width:22rem;}
.reviews h5 b {color:#666;margin-left:0.25rem;max-width:15rem;}
.reviews h5 i {color:#aaa;}
.reviews p {line-height:1.25rem;}
.reviews a:hover *, .reviews a:active * {color:#6cf !important;}



/* ===== relatedBook ===== */
.relatedBook {padding:2rem;width:40rem;}
.xw .relatedBook {width:47rem;}
.relatedBook {position: relative;background: #fff;border-top:2px solid #0482c3;}
.relatedBook:after, .relatedBook:before {bottom: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}

.relatedBook:after {border-color: rgba(255, 255, 255, 0);border-bottom-color: #fff;	border-width: 10px;	margin-left: -10px;}
.relatedBook:before {border-color: rgba(4, 130, 195, 0);border-bottom-color:#0482c3;border-width:13px;margin-left:-13px;}
.relatedBook dl {min-height:10.1rem;padding-left:11.6rem;width:29rem;}
.xw .relatedBook dl {width:36rem;}
.relatedBook dt {border:1px solid #eee;height:10rem;left:0;top:0;width:10rem;}
.relatedBook dt img {max-height:10rem;max-width:10rem;}

.relatedBook a:hover img {opacity:0.62;}

.relatedBook dd {width:35rem;}
.relatedBook h4 {padding-bottom:0.5rem;}
.relatedBook p {padding-top:0.5rem;}

.relatedBook a:link h4, .relatedBook a:visited h4 {color:#005ca9;}
.relatedBook a:link b, .relatedBook a:visited b {color:#666;}
.relatedBook a:link strong, .relatedBook a:visited strong {color:#f00;}
.relatedBook a:hover *, .relatedBook a:active * {color:#6cf !important;}




/* ===== partnerPage ===== */
.partnerPage .getCode {top:13.9rem;}


/* ===== partPrees ===== */
.partPrees {padding:1.25rem;width:57.5rem;}
.xw .partPrees {width:64.5rem;}


/* ----- partSlider ----- */
.partSlider, .partSlider li, .partSlider dt, .partSlider dt * {height:18rem;width:27rem;}
.partSlider dt em {background-position:50% 50%;background-size:cover;display:block;}
.partSlider dt img {opacity:0;}
.partSlider dd {background:rgba(0,0,0,0.5);padding:0.75rem 0.75rem;width:25.5rem;}
.partSlider li a:link *, .partSlider li a:visited * {color:#fff;}
.partSlider li a:hover *, .partSlider li a:active * {color:#6cf;}

.partSlider .bx-controls a, .partSlider .bx-controls i, .partSlider .bx-controls i:before {color:#fff;font-size:1.25rem;height:2.25rem;line-height:2.25rem;text-align:center;width:2.35rem;}
.partSlider .bx-controls a {margin-top:-1.125rem;top:50%;}
.partSlider .bx-controls a:link, .partSlider .bx-controls a:visited {background-color:rgba(255,255,255,0.25);}
.partSlider .bx-controls a:hover, .partSlider .bx-controls a:active {background-color:#6cf;}
.partSlider a.bx-prev {left:0;}
.partSlider a.bx-next {right:0;}



/* ----- partNews ----- */
.partNews {padding-left:1.25rem;width:29.25rem;}
.xw .partNews {width:36.25rem;}

.partNews ol {height:4rem;padding:0 0.5rem;width:35.25rem;}
.partNews ol h3 {height:1.5rem;line-height:1.5rem;}
.partNews ol p {height:2rem;margin-top:0.5rem;line-height:1rem;text-indent:2em;}
.partNews ol a:link h3, .partNews ol a:visited h3 {color:#005ca9;}
.partNews ol a:link p, .partNews ol a:visited p {color:#989898;}

.partNews ul {/* border-top:1px solid #eee;margin-top:1rem; */padding-top:0.25rem;}
.partNews ul li, .partNews ul li *, .partNews ul b:before {height:40px;line-height:40px;}
.partNews ul li {width:100%;}
.partNews ul b {padding-left:0.75rem;width:23rem;}
.xw .partNews ul b {padding-left:0.75rem;width:30.5rem;}
.partNews ul b:before {height:4px;left:0.15rem;top:1rem;width:4px;}
.partNews ul span {right:0;top:0;width:5rem;}


.partNews ul a:link b, .partNews ul a:visited b {color:#5a5a5a;}
.partNews ul a:link i, .partNews ul a:visited i {color:#aaa;}
.partNews ul a:link span, .partNews ul a:visited span {color:#989898;}
.partNews a:hover *, .partNews a:active * {color:#6cf !important;}


.partNews ul a:link b:before, .partNews ul a:visited b:before {background-color:#aaa;}
.partNews ul a:hover b:before, .partNews ul a:active b:before {background-color:#6cf;}

.partNews p {padding:0.5rem 0.5rem 0 0.75rem;}



/* ===== partSwap ===== */
.partSwap {height:3rem;margin-top:1rem;}
.partSwap li {/* border-right:1px solid #f8f8f8; */padding-left:1.5rem;}
.partSwap li a {height:3rem;line-height:3rem;padding:0 0.5rem;}
.partSwap li a:link, .partSwap li a:visited {/* border-bottom:3px solid #0482c3; */color:#666;}
.partSwap li a:hover, .partSwap li a:active, .partSwap li.cur a:link, .partSwap li.cur a:visited {background-color:#fff;color:#39d;}
.partSwap li a:after {background-color:#39d;height:3px;bottom:0;left:0;width:0;}
.partSwap li a:hover:after, .partSwap li a:active:after, .partSwap li.cur a:link:after, .partSwap li.cur a:visited:after {width:100%;}



/* ===== partners ===== */
.partners {width:60rem;}
.xw .partners {width:67rem;}

.partners li, .partners li a, .partners li dl, .partners li dt {width:11.6rem;}
.xw .partners li, .xw .partners li a, .xw .partners li dl, .xw .partners li dt {width:13rem;}
.partners li {margin-left:0.5rem;margin-top:0.5rem;}
.partners li:nth-child(5n+1) {margin-left:0;}
.partners li dt {background-color:#fff;display:table-cell;height:7rem;vertical-align:middle;}
.partners dt img {margin:auto;max-height:5rem;max-width:11rem;}
.partners dd {border-top:1px solid #eee;padding:1rem 1rem 1rem 1rem;width:11rem;}
.partners dd b {height:1rem;}
.partners a:link b, .partners a:visited b {color:#005ca9;}
.partners a:hover b, .partners a:active b {color:#6cf;}
.partners a:hover img {opacity:0.62;}




/* ===== book-list ===== */
.book-list {width:44rem;}
.xw .book-list {width:51rem;}
.book-list li, .book-list li a, .book-list dl, .book-list dt, .book-list dd {width:10.475rem;}
.xw .book-list li, .xw .book-list li a, .xw .book-list dl, .xw .book-list dt, .xw .book-list dd {width:12.2rem;}
.book-list li {height:14.25rem;margin-left:0.7rem;margin-top:0.7rem;}
.xw .book-list li {height:16.25rem;}

.book-list li:nth-child(4n+1) {margin-left:0;}
.book-list li:nth-child(1), .book-list li:nth-child(2), .book-list li:nth-child(3), .book-list li:nth-child(4) {margin-top:0;}

.book-list a:hover .tag-new b {padding:0.45rem 0.65rem;}
.book-list dt {height:10.475rem;}
.xw .book-list dt {height:12.2rem;}
.book-list dt em {display:table-cell;height:8rem;padding:1rem;vertical-align: middle;width:8rem;}
.xw .book-list dt em {height:10rem;width:10rem;}
.book-list a img {max-height:8rem;max-width:8rem;}
.xw .book-list a img {max-height:10rem;max-width:10rem;}
.book-list a:hover img {opacity:0.62;}

.book-list dd {border-top:1px solid #eee;padding:0.75rem 0.75rem 0 0.75rem;width:8.975rem;}
.xw .book-list dd {width:10.7rem;}
.book-list dd * {line-height:1.25rem;}

.book-list a:link h4, .book-list a:visited h4 {color:#3a3a3a;}
.book-list a:link p, .book-list a:visited p {color:#888;}
.book-list a:hover h4, .book-list a:active h4, .book-list a:hover p, .book-list a:active p {color:#6cf;}





/* ===== results ===== */
.results {padding:1.5rem 1.5rem 0.25rem 1.5rem;width:57rem;}
.xw .results {width:64rem;}
.results h2, .results h2 * {font-size:1.125rem;line-height:1;}
.results h2 {border-bottom:1px solid #ccc;padding-bottom:0.75rem;}
.results h2 * {color:#005ca9;margin:0 0.25rem;}

.results .c li {border-bottom:1px dotted #ccc;padding:1.25rem 0.75rem;}
.results .c li:last-child {border-bottom-width:0;}
.results .c h4 * {font-size:0.8rem;font-weight:bold;}
.results .c h4 font {color:#f00;}
.results .c p {padding-top:0.5rem;}







/* ========== storePage ========== */
.bookStore {/* background-color:#f6f6f6; */}
.storePage {}



/* ===== bfAdv ===== */
.bfAdv {}





/* ===== storeHome ===== */
.storeHome, .storeCat, .storeSlider, .storeFunc {height:405px;}
.storeHome {margin-top:15px;}


/* ----- category ----- */
.storeCat {width:190px;}
.xw .storeCat {width:260px;}
.storeCat h3 {background-color:#28c;color:#fff;height:45px;line-height:45px;text-indent:1rem;}
.xw .storeCat h3 {text-indent:1.5rem;}
.storeCat ol {border:1px solid #28c;height:359px;width:188px;}
.xw .storeCat ol {width:258px;}

.storeCat li, .storeCat li * {line-height:44px;}
.storeCat li {border-top:1px dotted #ddd;}
.storeCat ol, .storeCat li:first-child {border-top-width:0;}
.storeCat li a {padding-left:2.5rem;}
.xw .storeCat li a {padding-left:3rem;}

.storeCat li em, .storeCat li i {top:0;}
.storeCat li em {right:0.75rem;}
.storeCat li a:hover em {right:0.5rem;}
.storeCat li em:before {content:"\F142";}

.storeCat li i {left:1rem;}
.xw .storeCat li i {left:1.5rem;}

.storeCat li a:link b, .storeCat li a:visited b {color:#2f5e93;}
.storeCat li a:link em, .storeCat li a:visited em {color:#ccc;}
.storeCat li a:link i, .storeCat li a:visited i {color:#aaa;}
.storeCat li a:hover *, .storeCat li a:active * {color:#6cf !important;}



/* ===== storeHM ===== */
.storeHM, .storeSlider, .storeSlider li, .storeSlider li * {width:750px;}
.storeHM {margin:0 10px;}



/* ----- storeSlider ----- */
.storeSlider, .storeSlider li, .storeSlider li *, .storeSlider .bx-wrapper {height:320px;}

.storeSlider .bx-controls-direction a, .storeSlider .bx-pager {position:absolute;}
.storeSlider .bx-controls-direction a, .storeSlider .bx-controls-direction i {font-size:1.25rem;height:2rem;line-height:2rem;text-align:center;width:2rem;}
.storeSlider .bx-controls-direction a {opacity:0;top:50%;}
.storeSlider .bx-controls-direction a:link i, .storeSlider .bx-controls-direction a:visited i {background-color:#fff;color:#666;}
.storeSlider .bx-controls-direction a:hover i, .storeSlider .bx-controls-direction a:active i {background-color:#6cf;color:#fff;}
.storeSlider:hover .bx-controls-direction a {opacity:1;}
.storeSlider a.bx-prev {left:1rem;}
.storeSlider a.bx-next {right:1rem;}

.storeSlider .bx-pager, .storeSlider .bx-pager-item {height:16px;}
.storeSlider .bx-pager {bottom:0.5rem;text-align:center;width:100%;}
.storeSlider .bx-pager-item {margin:0 6px;}
.storeSlider .bx-pager-item a {height:14px;width:14px;}
.storeSlider a.bx-pager-link:link, .storeSlider a.bx-pager-link:visited {background-color:#fff;border:1px solid #ccc;}
.storeSlider a.bx-pager-link:hover, .storeSlider a.bx-pager-link:active {background-color:#6cf;border:1px solid #6cf;}
.storeSlider a.bx-pager-link.active:link, .storeSlider a.bx-pager-link.active:visited {background-color:#17b;border:1px solid #17b;}




/* ----- storeHMC ----- */
.storeHMC, .storeHMC li, .storeHMC li * {height:73px;line-height:73px;}
.storeHMC {background-color:#fcfcfc;border:1px solid #ddd;width:748px;}
.storeHMC li {border-left:1px solid #eee;padding:0 1rem 0 4rem;width:148px;}
.storeHMC li:first-child {border-left-width:0;}

.storeHMC li b {color:#666;}
.storeHMC li i {color:#17b;font-size:1.5rem;left:1.75rem;}


/* ----- storeFunc ----- */
.storeFunc {width:240px;}
.xw .storeFunc {width:310px;}


.storeNote, .presales {border:1px solid #ddd;width:238px;}
.xw .storeNote, .xw .presales {width:308px;}


/* ----- storeNote ----- */
.sft, .sft * {height:34px;line-height:34px;}
.sft {background-color:#f7f8f9;border-bottom:1px solid #f3f3f3;}
.sft h3 {padding-left:15px;}
.sft p {padding-right:15px;}
.sft p span {color:#aaa;font-size:0.6rem;}
.sft p a:link, .sft p a:visited {color:#666;}
.sft p a:hover, .sft p a:active {color:#6cf;}



/* ----- storeNote ----- */
.storeNote {height:198px;}
.storeNote ul {padding:12px 10px 0 15px;}
.storeNote ul, .storeNote li {width:213px;}
.xw .storeNote ul, .xw .storeNote li {width:283px;}
.storeNote li {line-height:28px;}
.storeNote li a {padding-left:10px;}
.storeNote li a:before {background-color:#ccc;height:4px;left:0;top:12px;width:4px;}
.storeNote li a:hover:before {background-color:#6cf;}



/* ----- presales ----- */
.presales {height:193px;}

.preBooks, .preBooks .bx-wrapper {width:208px;}
.xw .preBooks, .xw .preBooks .bx-wrapper {width:258px;}

.preBooks {margin:0 auto;padding-top:20px;}

.preBooks li a {padding-left:80px;width:128px;}
.xw .preBooks li a {width:178px;}
.preBooks em {border:1px solid #ddd;height:4.5rem;left:0;top:0;width:3.5rem;}
.preBooks * {line-height:1rem;}
.preBooks h5, .preBooks p {margin-top:5px;}

.preBooks a:link h4, .preBooks a:visited h4 {color:#5a5a5a;}
.preBooks a:link h5, .preBooks a:visited h5 {color:#888;}
.preBooks a:link p, .preBooks a:visited p {color:#e00;}
.preBooks li a:hover *, .preBooks li a:active * {color:#6cf !important;}

.preBooks .bx-controls-direction a, .preBooks .bx-pager {position:absolute;}
.preBooks .bx-controls-direction a, .preBooks .bx-controls-direction a i {height:1.8rem;line-height:1.8rem;text-align:center;width:1.8rem;}
.preBooks .bx-controls-direction a {margin-top:-0.9rem;opacity:0;top:50%;}
.preBooks:hover .bx-controls-direction a {opacity:1;}
.preBooks .bx-controls-direction a:link i, .preBooks .bx-controls-direction a:visited i {background-color:#ccc;color:#fff;font-size:1.25rem;}
.preBooks .bx-controls-direction a:hover i, .preBooks .bx-controls-direction a:active i {background-color:#6cf;color:#fff;}
.preBooks a.bx-prev {left:-0.75rem;}
.xw .preBooks a.bx-prev {left:-1rem;}
.preBooks a.bx-next {right:-0.75rem;}
.xw .preBooks a.bx-next {right:-1rem;}


.preBooks .bx-pager, .preBooks .bx-pager-item {height:14px;}
.preBooks .bx-pager {bottom:-1.6rem;text-align:center;width:100%;}
.preBooks .bx-pager-item {margin:0 4px;}
.preBooks .bx-pager-item a {height:12px;width:12px;}
.preBooks a.bx-pager-link:link, .preBooks a.bx-pager-link:visited {background-color:#fff;border:1px solid #ccc;}
.preBooks a.bx-pager-link:hover, .preBooks a.bx-pager-link:active {background-color:#6cf;border:1px solid #6cf;}
.preBooks a.bx-pager-link.active:link, .preBooks a.bx-pager-link.active:visited {background-color:#17b;border:1px solid #17b;}



/* ----- storeFind ----- */
.storeFind {width:238px;}
.xw .storeFind {width:308px;}

.storeFind form {padding:0 10px;}
.xw .storeFind form {padding:0 15px;}

.storeFind p {margin-top:10px;}

.storeFind input, .storeFind select {border:1px solid #ddd;}
.storeFind input {height:35px;padding:0 10px;width:196px;}
.xw .storeFind input {width:256px;}
.storeFind button, .storeFind select {height:37px;}
.storeFind select {width:218px;}
.xw .storeFind select {width:278px;}
.storeFind button {background-color:#17b;color:#fff;width:100%;}
.storeFind button:hover {background-color:#6cf;}

input[type='text']:focus, input[type='password']:focus {border:1px solid #39d;color:#17b;}




/* ===== storeAdv ===== */
.storeAdv, .storeRow {width:100%;}
.storeAdv p, .storeAdv p * {width:382px;}
.xw .storeAdv p, .xw .storeAdv p * {width:428px;}
.storeAdv p {margin-right:27px;}
.xw .storeAdv p {margin-right:28px;}
.storeAdv p:last-child {margin-right:0;}



/* ===== storeRow ===== */
.storeRow, .rowL, .rowR {/* height:568px; */}
.storeRow, .guesswork {float:left;}

/* ----- rt ----- */
.rt, .rt h3, .rt p a {height:49px;line-height:49px;}
.rt {background-color:#f7f8f9;border-bottom:1px solid #e8e8e8;}
.rt h3 {padding-left:1rem;}
.rt ol, .rt p {padding-right:1rem;}
.rt p a:link, .rt p a:visited {color:#666;}
.rt p a:hover, .rt p a:active {color:#6cf;}



/* ----- row-left ----- */
.rowL, .rowR, .guesswork, .filter, .sorter, .book-aside, .book-infomation, .book-detail, .relates, .buycart {border:1px solid #ddd;}
.rowL {width:908px;}
.xw .rowL {width:1048px;}

.store-books ul {padding-left:2px;padding-top:10px;}
.store-books li {height:242px;margin-left:30px;margin-top:10px;width:145px;}
.xw .store-books li {width:173px;}
.store-books li em {background-color:#fff;height:133px;width:143px;}
.xw .store-books li em {width:171px;}
.store-books li img {max-height:129px;max-width:139px;}
.xw .store-books li img {max-width:167px;}

.store-books li * {line-height:0.8rem;}
.store-books li h4 {height:1.6rem;max-height:1.6rem;}
.store-books li h4 {margin-top:0.5rem;}
.store-books li h5, .store-books li p, .store-books .rating {margin-top:0.5rem;}
.store-books li p b {padding-right:1rem;}
.store-books a:link em, .store-books a:visited em {border:1px solid #f3f3f3;}
.store-books a:hover em, .store-books a:active em {border:1px solid #6cf;}
.store-books a:link h4, .store-books a:visited h4 {color:#5a5a5a;}
.store-books a:link h5, .store-books a:visited h5 {color:#888;}
.store-books a:link p b, .store-books a:visited p b {color:#e00;}
.store-books li a:hover *, .store-books li a:active * {color:#6cf !important;}

.store-books h5.tags {position:absolute;}


/* ===== rating ===== */
.rating, .rating i {background-image:url(/assets/img/rating.png);height:16px;}
.rating {width:90px;}
.rating i {background-position:0 -16px;}
.rate-50 i {width:90px;}
.rate-45 i {width:81px;}
.rate-40 i {width:72px;}
.rate-35 i {width:63px;}
.rate-30 i {width:54px;}
.rate-25 i {width:45px;}
.rate-20 i {width:36px;}
.rate-15 i {width:27px;}
.rate-10 i {width:18px;}
.rate-05 i {width:9px;}


/* ----- row-left ----- */
.rowR {margin-left:10px;width:278px;}

.ranking, .ranking li {width:258px;}
.ranking {padding:5px 10px 0 10px;}
.ranking li {border-bottom:1px dotted #ddd;height:1rem;padding:10px 0;}
.ranking li.curr {height:6rem;}
.ranking li:last-child {border-bottom-width:0;}
.ranking li a {padding-left:1.2rem;}
.ranking li.curr a {padding-left:6rem;}
.ranking li em, .ranking li h5, .ranking li p {display:none;}
.ranking li.curr em, .ranking li.curr h5, .ranking li.curr p {display:block;}
.ranking li em {border:1px solid #ddd;height:5.5rem;left:1rem;top:0;width:4.5rem;}

.ranking h6 {left:0;font-family:"DINPro";font-size:0.7rem;}
.ranking li h4 {line-height:1rem;max-height:1rem;}
.ranking li.curr h4 {line-height:0.8rem;max-height:1.6rem;}
.ranking li h5, .ranking li p {padding-top:0.25rem;}

.ranking li a:link em, .ranking li a:visited em {border:1px solid #f6f6f6;}
.ranking li a:hover em, .ranking li a:active em {border:1px solid #6cf;}
.ranking li a:link h4, .ranking li a:visited h4 {color:#5a5a5a;}
.ranking li a:link h5, .ranking li a:visited h5 {color:#888;}
.ranking li a:link h6, .ranking li a:visited h6 {color:#aaa;}
.ranking li:nth-child(1) a:link h6, .ranking li:nth-child(1) a:visited h6 {color:#e00;}
.ranking li:nth-child(2) a:link h6, .ranking li:nth-child(2) a:visited h6 {color:#f90;}
.ranking li:nth-child(3) a:link h6, .ranking li:nth-child(3) a:visited h6 {color:#333;}
.ranking li a:link p b, .ranking li a:visited p b {color:#e00;}
.ranking li a:hover *, .ranking li a:active * {color:#6cf !important;}




/* ===== guesswork ===== */
.guesswork, .filter {width:1198px;}
.xw .guesswork, .xw .filter {width:1338px;}


/* ----- guessL ----- */
.guessL, .guessR {height:521px;}
.guessL {width:908px;}
.xw .guessL {width:1048px;}


/* ----- guessR ----- */
.guessR {background-color:#fbfcfd;border-left:1px solid #e8e8e8;padding:0 30px;width:229px}
.guessR h3 {padding-top:1rem;}
.guessR ul {padding-top:0.5rem;}
.guessR li, .guessR li * {line-height:2.2rem;}
.guessR li {border-bottom:1px solid #eee;}
.guessR li:last-child {border-bottom-width:0;}
.guessR li a {padding-left:1.2rem;}
.guessR li i {left:0;}
.guessR li a:link b, .guessR li a:visited b {color:#666;}
.guessR li a:link i, .guessR li a:visited i {color:#bbb;}
.guessR li a:hover *, .guessR li a:active * {color:#6cf !important;}




/* ===== filter ===== */
.filter {}

.filter .row {border-top:1px solid #eee;}
.filter dt {background-color:#fafafa;line-height:41px;text-indent:15px;width:80px;}
.filter dd {width:1118px;}
.xw .filter dd {width:1258px;}

.options, .options ul, .options li, .options .actions {float:left;}
.options {height:31px;padding:4px 2px 4px 35px;overflow:hidden;width:1081px;}
.options.expanded {height:auto;overflow:inherit;}
.xw .options {width:1221px;}

.options.active {border:2px solid #6cf;padding:2px 0 2px 33px;}
.options ul {width:100%;}
.options .subOpt, .options li {height:25px;padding:4px 15px 4px 0;width:120px;}
.options .subOpt {float:left;}

.options .subOpt h5 a, .options li a, .options li a i {height:23px;line-height:23px;}
.options li a {padding:1px 15px 1px 0;width:120px;}

.options .subOpt h5 a:link, .options .subOpt h5 a:visited, .options li a:link, .options li a:visited {color:#17b;}
.options li a:hover, .options li a:active {color:#6cf;}

.options.expanded .subOpt {height:auto !important;padding-bottom:20px;width:calc( 100% - 15px );}
.subOpt ul {border-bottom:1px solid #eee;padding:0.5rem 0 1rem 0;}
.subOpt li a:link, .subOpt li a:visited {color:#777;}
.subOpt li a:hover, .subOpt li a:active {color:#6cf;}



.options.active li a.on:link, .options.active li a.on:visited {border:1px solid #ddd;padding:0 14px 0 4px;}
.options.active li a.on:hover, .options.active li a.on:active {border:1px solid #6cf;}

.options.active li a.on i {right:0;text-align:center;top:0;width:23px;}
.options.active li a.on i:before, .f-option i:before {content:"\F12C";}
.options.active li a.on:link i, .options.active li a.on:visited i {background-color:#eee;color:#888;}
.options.active li a.on:hover i, .options.active li a.on:active i {background-color:#6cf;color:#fff;}


.actions {display:none;padding:15px 0 15px 0;text-align:center;width:931px;}
.xw .actions {width:1071px;}
.options.active .actions {display:block;}
.actions a.bta {display:inline-block;line-height:33px;margin:0 6px;padding:0 28px;vertical-align:top;}
.bta.btaYes:link, .bta.btaYes:visited {background-color:#17b;border:1px solid #17b;color:#fff;}
.bta.btaNo:link, .bta.btaNo:visited {background-color:#fff;border:1px solid #ddd;color:#666;}
.bta.btaNo:hover, .bta.btaNo:active {background-color:#6cf;border:1px solid #6cf;color:#fff;}
.bta.disabled:link, .bta.disabled:visited {background-color:#f0f0f0;border:1px solid #eee;color:#ccc;} 

a.bts {top:5px;}
a.bts {right:0.5rem;}
a.bts * {line-height:31px;}
a.bts.bt_multi {right:3.5rem;}

a.bts:link *, a.bts:visited * {color:#666;}
a.bts:hover *, a.bts:active * {color:#6cf;}





/* ===== sorter ===== */
.sorter {background-color:#f3f3f3;border:1px solid #ddd;height:46px;line-height:46px;}
.sorter * {font-size:0.7rem;}

.f-sort, .f-sort a, .f-option, .f-option *, .f-page * {float:left;}
.f-sort, .f-page {height:30px;padding:8px;}
.f-sort a, .f-page * {display:block;line-height:28px;position:relative;}
.f-sort a, .f-page a {margin-right:-1px;padding:0 12px;}
.f-sort a:link, .f-sort a:visited, .f-page a:link, .f-page a:visited {background-color:#fff;border:1px solid #ddd;color:#666;}
.f-sort a:hover, .f-sort a:active, .f-page a:hover, .f-page a:active {border:1px solid #17b;color:#17b;z-index:5;}
.f-sort a.curr:link, .f-sort a.curr:visited {background-color:#39d;border:1px solid #39d;color:#fff;z-index:1;}


.f-option, .f-option b {height:16px;line-height:16px;}
.f-option {margin:15px 0 0 15px;}
.f-option i {background-color:#fff;height:14px;margin-right:6px;width:14px;}
.f-option a:link i, .f-option a:visited i {border:1px solid #ccc;color:#fff;}
.f-option a:hover i, .f-option a:active i {border:1px solid #6cf;color:#6cf;}
.f-option a:link b, .f-option a:visited b {color:#3a3a3a;}
.f-option a:hover b, .f-option a:active b, .f-option.active a:link b, .f-option.active a:visited b {color:#6cf;}

.f-option.active a:link b, .f-option.active a:visited b {color:#17b;}
.f-option.active a:link i, .f-option.active a:visited i {border:1px solid #17b;color:#17b;}

.f-page {float:right;}
.f-page a {padding:0 20px;}
.f-page a i {font-size:1rem;}
.f-page span {padding-right:0.75rem;}
.f-page b {color:#39d;font-weight:bold;}





/* ===== listPage ===== */
.listPage {}

.listL, .list-book li, .listR {float:left;}
.listL, .list-book {width:976px;}
.xw .listL, .xw .list-book {width:1088px;}

.list-book {}
.list-book li, .list-book li dl, .list-book li dt, .list-book li dd {width:206px;}
.xw .list-book li, .xw .list-book li dl, .xw .list-book li dt, .xw .list-book li dd {width:234px;}
.list-book li {background-color:#fff;border:1px solid #ddd;margin:15px 14px 0 0;padding:10px 10px 0 10px;}
.xw .list-book li {}
.list-book li em {height:204px;width:204px;}
.xw .list-book li em {height:232px;width:232px;}
.list-book li img {max-height:194px;max-width:194px;}
.xw .list-book li img {max-height:222px;max-width:222px;}

.list-book li h4, .list-book li h6, .list-book li p, .book-dual, .book-pmc li h4, .book-pmc li h6, .book-pmc li p {margin-top:0.5rem;}
.list-book li h4, .book-pmc li h4 {line-height:0.8rem;max-height:1.6rem;height:1.6rem;}
.list-book li h6, .book-pmc li h6 {height:1rem;line-height:1rem;}
.list-book li p b {padding-right:1rem;}

.book-dual {height:16px;}
.book-dual .rating {float:left;}
.book-dual span {color:#1a66b3;float:right;line-height:16px;}
.list-book a:link em, .list-book a:visited em {border:1px solid #f8f8f8;}
.list-book a:hover em, .list-book a:active em {border:1px solid #6cf;}
.list-book a:link h4, .list-book a:visited h4 {color:#5a5a5a;}
.list-book a:link h6, .list-book a:visited h6, 
.list-book a:link p b, .list-book a:visited p b {color:#e00;}
.list-book a:hover *, .list-book a:active * {color:#6cf !important;}

.book-act {height:40px;margin:15px -10px 0 -10px;width:226px;}
.xw .book-act {width:254px;}
.book-act a, .book-act a * {height:39px;line-height:39px;}
.book-act a {display:block;float:left;text-align:center;width:126px;}
.book-act a:last-child {border-left:1px solid #eee;margin-left:-1px;width:100px;}
.xw .book-act a {width:144px;}
.xw .book-act a:last-child {width:110px;}

.book-act a * {display:inline-block;margin:0 0.15rem;vertical-align:top;}
.book-act a i {font-size:0.9rem;}

.book-act a:link, .book-act a:visited {background-color:#f8f8f8;border-top:1px solid #eee;}
.book-act a:hover, .book-act a:active {background-color:#6cf;border-top:1px solid #6cf;}
.book-act a:link b, .book-act a:visited b {color:#5a5a5a;}
.book-act a:link i, .book-act a:visited i {color:#989898;}
.book-act a:hover *, .book-act a:active * {color:#fff !important;}





/* ===== book-pager ===== */
.book-pager, .book-pager * {line-height:2.6rem;}
.book-pager, .book-pager ul {height:2.7rem;width:100%;}
.book-pager {padding:1.6rem 0 0.6rem 0;}
.book-pager li {margin:0 2px;}
.book-pager li a {padding:0 1.1rem;}
.book-pager li a:link, .book-pager li a:visited {background-color:#fff;border:1px solid #ccc;color:#5a5a5a;}
.book-pager li a:hover, .book-pager li a:active {background-color:#6cf;border:1px solid #6cf;color:#fff;}
.book-pager li.thisclass a:link, .book-pager li.thisclass a:visited {background-color:#39d !important;border:1px solid #39d;color:#fff !important;}





/* ===== listR ===== */
.listR {width:224px;}
.xw .listR {width:252px;}

.book-aside, .book-pmc, .book-smc {width:222px;}
.xw .book-aside, .xw .book-pmc, .xw .book-smc {width:250px;}


/* ----- book-pmc ----- */
.book-pmc li {border-bottom:1px solid #eee;}
.book-pmc li:last-child {border-bottom-width:0;}
.book-pmc li a, .book-pmc li img, .book-smc li a, .book-smc li img {display:block;}
.book-pmc li a, .book-smc li a {padding:15px;width:192px;}
.xw .book-pmc li a, .xw .book-smc li a {width:220px;}
.book-pmc li em {border:1px solid #f3f3f3;height:190px;width:190px;}
.xw .book-pmc li em {height:218px;width:218px;}
.book-pmc li img {max-height:180px;max-width:180px;}
.xw .book-pmc li img {max-height:208px;max-width:208px;}

.book-pmc h4, .book-pmc h6 {line--height:0.8rem;}
.book-pmc h4 {max-height:1.6rem;}
.book-pmc h6 {max-height:0.8rem;}

.book-pmc a:link h4, .book-pmc a:visited h4 {color:#5a5a5a;}
.book-pmc a:link h6, .book-pmc a:visited h6, 
.book-pmc a:link p b, .book-pmc a:visited p b {color:#e00;}
.book-pmc a:hover *, .book-pmc a:active * {color:#6cf !important;}


/* ----- book-smc ----- */
.book-smc ul {padding-bottom:15px;}
.book-smc li {}
.book-smc li a {padding:15px 15px 0 15px;min-height:72px;}
.book-smc li dl {padding-left:82px;position:relative;width:110px;}
.xw .book-smc li dl {width:138px;}
.book-smc li dt {left:0;position:absolute;top:0;}
.book-smc li em {height:70px;width:70px;}
.book-smc li img {max-height:66px;max-width:66px;}
.book-smc li h4 {line-height:0.8rem;max-height:1.6rem;}
.book-smc li p {margin-top:0.5rem;}
.book-smc a:link em, .book-smc a:visited em {border:1px solid #eee;}
.book-smc a:link h4, .book-smc a:visited h4 {color:#5a5a5a;}
.book-smc a:link p b, .book-smc a:visited p b {color:#e00;}
.book-smc a:hover *, .book-smc a:active * {color:#6cf !important;}



/* ===== book-infomation ===== */
.book-infomation, .book-pic, .book-info, .relating {float:left;}
.book-infomation {padding:30px;width:1138px;}
.xw .book-infomation {width:1278px;}


/* ----- .book-pic ----- */
.book-pics, .bigPics {width:350px;}
.bigPics {height:350px;}
.bigPics a {height:348px;width:348px;}
.bigPics a:link, .bigPics a:visited {border:1px solid #ddd;}
.bigPics a:hover, .bigPics a:active {border:1px solid #6cf;}
.bigPics img {max-height:344px;max-width:344px;}

.picThumbs {margin:10px 30px 0 30px;position:relative;width:290px;}
.picThumbs li {height:54px;padding:0 2px;width:54px;}
.picThumbs li em {border:1px solid #eee;height:52px;width:52px;}
.picThumbs li em:hover {border:1px solid #6cf;}
.picThumbs li img {max-height:48px;max-width:48px;}

.picThumbs .slick-arrow, .picThumbs .slick-arrow i {font-size:26px;height:52px;line-height:52px;text-align:center;width:26px;}
.picThumbs .slick-arrow {position:absolute;top:0;}
.picThumbs .slick-hidden {display:block !important;}
.picThumbs .slick-arrow:link, .picThumbs .slick-arrow:visited {border:1px solid #f8f8f8;color:#666;}
.picThumbs .slick-arrow:hover, .picThumbs .slick-arrow:active {border:1px solid #6cf;}
.picThumbs .slick-hidden:link, .picThumbs .slick-hidden:visited, .picThumbs .slick-hidden:hover, .picThumbs .slick-hidden:active {background-color:#f8f8f8;border:1px solid #f8f8f8;cursor:not-allowed;}
.picThumbs .slick-hidden i {color:#ddd;}
.picThumbs .slick-prev {left: -30px;}
.picThumbs .slick-next {right:-30px;}



/* ----- book-info ----- */
.book-info {margin-left:30px;width:758px;width:528px;}
.xw .book-info {width:898px;width:668px;}
.book-info h2 {color:#3a3a3a;font-size:18px;font-weight:bold;line-height:1.4rem;}

.infoTab {border-bottom:1px solid #f3f3f3;margin-top:20px;}
.infoTab p {border-top:1px solid #f3f3f3;line-height:1rem;padding:0.5rem 0;}
.infoTab p b, .count p b {color:#1a66b3;}

.pricing {background:#fcfaf7;padding:20px 0 10px 0;}
.pricing dl {height:40px;}
.pricing dt, .pricing p {line-height:35px;padding-left:20px;}
.pricing dt {float:left;}
.pricing dd {margin-left:70px;}
.pricing dd em, .pricing dd b {color:#e4393c;line-height:1;}
.pricing dd em {font-size:16px;}
.pricing dd b {font-size:28px;}
.pricing dd del {line-height:35px;}



/* ----- buyAction ----- */
.buyAction {height:47px;}

.buyAmount, .btn-buy, .count  .rating, .count  p {float:left;}
.buyAmount {padding-right:17px;position:relative;}
.buy-num {border:1px solid #ccc;border-right-width:0;height:45px;text-align:center;width:42px;}
.buyAmount a {height:22px;position:absolute;right:0;text-align:center;width:15px;}
.bt-minus {bottom:0;}
.bt-plus {top:0;}

.buyAmount a:link, .buyAmount a:visited {background-color:#f3f3f3;border:1px solid #ccc;color:#666;}
.buyAmount a:hover, .buyAmount a:active {background-color:#6cf;border:1px solid #6cf;color:#fff;}

.btn-buy {border-radius:3px;height:47px;line-height:47px;margin-left:10px;padding:0 28px;}
.btn-buy:link, .btn-buy:visited {background-color:#17b;color:#fff;}
.btn-buy:hover, .btn-buy:active {background-color:#6cf;}

.btn-buy.btn-link-outline:link, .btn-buy.btn-link-outline:visited {background-color:#fff;border:1px solid #17b;color:#17b;}
.btn-buy.btn-link-outline:hover, .btn-buy.btn-link-outline:active {background-color:#6cf;border:1px solid #6cf;color:#fff;}



.count, .count p {height:16px;line-height:16px;}
.count p {margin-left:1rem;}


/* ----- relating ----- */
.relating {margin-left:30px;margin-top:40px;width:200px;}


/* ----- ct ----- */
.ct {height:15px;}
.ct * {float:left;}
.ct b {line-height:15px;text-align:center;width:100px;}
.ct i {border-top:1px solid #eee;margin-top:7px;width:50px;}


/* ----- relatSlider ----- */
.relatSlider {margin:0 35px;width:130px;}
.relatSlider li {}
.relatSlider li a {padding-top:15px;}

.relatSlider em {border:1px solid #f3f3f3;height:108px;width:128px;}
.relatSlider img {max-height:104px;max-width:124px;}
.relatSlider li h4 {line-height:0.8rem;margin-top:0.5rem;max-height:1.6rem;}
.relatSlider li p {margin-top:0.25rem;}
.relatSlider li a:link h4, .relatSlider li a:visited h4 {color:#666;}
.relatSlider li a:link p, .relatSlider li a:visited p {color:#e4393c;}
.relatSlider li a:hover *, .relatSlider li a:active * {color:#6cf !important;}

.relatSlider .bx-controls {margin-top:10px;}
.relatSlider .bx-controls a, .relatSlider .bx-controls i {font-size:1rem;line-height:25px;}
.relatSlider .bx-controls a {float:left;margin-left:-1px;}
.relatSlider .bx-controls a:link, .relatSlider .bx-controls a:visited {border:1px solid #f1f1f1;width:63px;}
.relatSlider .bx-controls a:hover, .relatSlider .bx-controls a:visited {background-color:#6cf;border:1px solid #6cf;width:63px;}
.relatSlider .bx-controls a:hover i {color:#fff;}
.relatSlider .bx-controls a:last-child {width:62px;}




/* ----- detail ----- */
.dpL, .dpR {float:left;}


/* ----- dpL ----- */
.dpL {width:224px;}
.xw .dpL {width:252px;}



/* ----- dpR ----- */
.dpR {padding-left:20px;width:956px;}
.xw .dpR {width:1068px;}


/* ----- book-detail ----- */
.book-detail {}


/* ===== detailSwap ===== */
.detailSwap {background-color:#f7f8f9;border-bottom:1px solid #17b;height:48px;}
.detailSwap ol, .detailSwap li {float:left;}
.detailSwap ol, .detailSwap li {height:48px;line-height:48px;}
.detailSwap ol {padding-left:1rem;}
.detailSwap li {padding:0 36px;}
.detailSwap li.curr {background-color:#17b;color:#fff;cursor:default;}



/* ----- detail-content ----- */
.detail-content {padding:30px;width:896px;}
.xw .detail-content {width:1008px;}
.infoTable {}
.infoTable table {background-color:#eee;}
.infoTable table * {font-size:0.7rem;}
.infoTable th, .infoTable td {line-height:20px;padding:6px 10px;}
.infoTable th {background-color:#f6f6f6;width:5rem;}
.infoTable td {background-color:#fff;color:#3a3a3a;width:35%;}

.detail-content .entry {padding:0;width:100%;}




/* ----- eval-summary ----- */
.eval-summary {}
.eval-summary dt {width:7rem;}
.eval-summary h1 * {color:#e4393c;}
.eval-summary h1 b {font-size:38px;}
.eval-summary h1 i {font-size:22px;}
.eval-summary ul {padding-top:15px;}
.eval-summary li * {color:#989898;display:block;font-size:0.7rem;line-height:28px;}
.eval-summary li {margin:0 10px 10px 0;}
.eval-summary li b {border:1px solid #ddd;border-radius:3px;padding:0 15px;}
.eval-summary li:hover b, .eval-summary li.curr b {background-color:#17b;border:1px solid #17b;color:#fff;}




/* ----- eval-tabs ----- */
.eval-tabs {background-color:#f3f3f3;border-bottom:1px solid #ddd;border-top:1px solid #ddd;height:36px;width:100%;}
.eval-tab, .eval-tab p, .eval-sort p * {float:left;}
.eval-tab {margin-left:0.75rem;}
.eval-tab *, .eval-sort p * {font-size:0.7rem;line-height:36px;}
.eval-tab p {padding:0 0.75rem;}
.eval-tab p.on, .eval-tab p:hover {color:#ff2832;}

.eval-sort, .eval-sort p {position:relative;z-index:50;}
.eval-sort {float:right;margin-right:0.75rem;}
.eval-sort p {padding:0 0.4rem;}
.eval-sort p * {padding:0 0.1rem;}
.eval-sort:hover p i {transform:rotate(180deg);}
.eval-sort ul {background-color:#fff;border:1px solid #ddd;opacity:0;padding-top:38px;position:absolute;right:0;top:-1px;visibility:visible;width:100%;}
.eval-sort:hover ul {opacity:1;visibility:visible;}
.eval-sort li a {font-size:0.7rem;line-height:30px;padding:0 11px;}
.eval-sort li a:link, .eval-sort li a:visited {color:#666;display:block;}
.eval-sort li a:hover, .eval-sort li a:active {background-color:#6cf;color:#fff;}



/* ----- eval-list ----- */
.eval-list {}
.eval-item, .eval-user dt em {position:relative;}
.eval-item {border-bottom:1px solid #e3e3e3;padding:20px 170px 20px 10px;width:calc( 100% - 180px );z-index:5;}

.eval-user {position:absolute;right:0;top:30px;width:152px;}
.eval-user dt {height:52px;margin-left:50px;width:52px;}
.eval-user dt em {border:1px solid #ddd;display:block;height:50px;overflow:hidden;width:50px;}

.eval-user dd {padding-top:5px;}
.eval-user dd *, .eval-text *, .eval-date dt {font-size:0.65rem;}
.eval-user dd * {text-align:center;}

.eval-row .eval-rate * {font-size:0.7rem;}
.eval-rate .rating {float:left;}
.eval-rate p {color:#f80;margin-left:105px;}

.eval-text *, .eval-date dt {line-height:1.1rem;}

.eval-pic {height:66px;}
.eval-pic li {float:left;margin-right:8px;}
.eval-pic li a:link, .eval-pic li a:visited {border:1px solid #ddd;height:64px;padding:1px;width:64px;}
.eval-pic li a:hover, .eval-pic li a:active {border:1px solid #6cf;}
.eval-pic li img {max-height:62px;max-width:62px;}

.eval-date {height:1.1rem;}
.eval-date dt, .eval-date dd {float:left;}
.eval-date dd {border:1px solid #1a66b3;border-radius:1rem;color: #1a66b3;font-size:0.6rem;line-height:1rem;margin-left:1rem;padding:0 0.35rem;}


.eval-praise {height:24px;}
.eval-praise a, .eval-praise a * {display:block;line-height:24px;}
.eval-praise a {border-radius:20px;float:right;padding:0 10px;}
.eval-praise a * {float:left;padding:0 2px;}
.eval-praise a:link, .eval-praise a:visited {border:1px solid #ccc;}
.eval-praise a:hover, .eval-praise a:active {border:1px solid #6cf;}
.eval-praise a:link *, .eval-praise a:visited * {color:#666;}
.eval-praise a:hover *, .eval-praise a:active * {color:#6cf;}



/* ===== relates  ===== */
.relates .store-books li {margin-left:38px;}
.xw .relates .store-books li {margin-left:33px;}



/* ========== cartPage ========== */
.cartPage {}


/* ----- buycart ----- */
.buycart, .buyaction {width:1198px}
.xw .buycart, .xw .buyaction {width:1338px;}


/* ----- cartTop ----- */
.cartTop, .cartTop * {height:55px;line-height:55px;}
.cartTop {border-bottom:1px solid #e3e3e3;}
.cartTop h2, .buyaction h2 {padding-left:1rem;}
.cartTop h2 * {color:#17b;}
.cartTop dd, .cartTop dd a {height:33px;line-height:33px;}
.cartTop dd {padding:11px 0.5rem 11px 0.5rem;}
.cartTop b, .cartMain td strong, .cart-action i, .cart-action strong {color:#f80;}
.cartTop a:link, .cartTop a:visited {background-color:#17b;color:#fff;padding:0 20px;}
.cartTop a:hover, .cartTop a:active {background-color:#6cf;}




/* ----- cartMain ----- */
.cartMain {width:100%;}

.cartMain table {background-color:#fff;}
.cartMain table * {vertical-align:top;}
.cartMain th, .cartMain tbody td {padding:0 15px;}
.cartMain thead * {line-height:30px;text-align:left;}
.cartMain th {background-color:#f8f8f8;}
.cartMain th * {display:inline-block;margin-right:5px;vertical-align:middle;}
.cartMain td {background-color:#fff;border-top:1px solid #e8e8e8;}
.cartMain tbody td {padding:15px;}

.cartMain .cart-info a {/*min-height:82px;padding-left:97px;*/position:relative;width:calc( 100% - 97px );}
.cartMain td em {height:80px;position:absolute;left:0;top:0;width:80px;}
.cartMain td img {max-height:80px;max-width:80px;}
.cartMain td h4 {line-height:0.8rem;}
.cartMain tbody p {padding-bottom:10px;}

.cart-amount * {height:25px;line-height:25px;text-align:center;}
.cart-amount input {border-bottom:1px solid #ddd;border-top:1px solid #ddd;}
.cart-amount a:link, .cart-amount a:visited {background-color:#eee;border:1px solid #ddd;width:25px;}
.cart-amount a:hover, .cart-amount a:active {background-color:#6cf;border:1px solid #39d;color:#fff;}
.cart-amount a.disabled {background-color:#eee !important;border:1px solid #ddd;color:#ccc;}

.cartMain a:link h4, .cartMain a:visited h4, .cartMain td b {color:#666;}
.cartMain a:hover h4, .cartMain a:active h4 {color:#6cf;}
.cartMain a:link em, .cartMain a:visited em {border:1px solid #eee;}
.cartMain a:hover em, .cartMain a:active em {border:1px solid #6cf;}


.cart-action, .cart-action *, .sapButton input[type='button'] {height:55px;line-height:55px;}
.cart-action dt, .cart-action p, .cart-action p * {float:left;}
.cart-action p {padding:0 15px;}
.cart-action dt p input {margin-right:5px;}
.cart-action dt a:link, .cart-action dt a:visited {color:#666;}
.cart-action dt a:hover, .cart-action dt a:active {color:#6cf;}
.cart-action dd {float:right;}
.cart-action i, .cart-action strong {margin:0 5px;}

.cart-action button, .sapButton input[type='button'] {background-color:#17b;color:#fff;padding:0 2.3rem;}
.cart-action button:hover, .sapButton input[type='button']:hover {background-color:#6cf;cursor:pointer;}


.sapButton input[type='button'] {border:0 none !important;border-radius:3px;}




/* ===== buyaction ===== */
.buyaction h2 {background-color:#f8f8f8;height:50px;line-height:50px;}
.buyaction th, .buyaction td {border-top:1px solid #eee;line-height:30px;}
.buyaction tbody th, .buyaction tbody td {padding:10px;}
.buyaction th {background-color:#fafafa;width:5rem;}
.buyaction b, .buyaction strong {font-weight:bold;}
.buyaction strong {color:#5a5a5a;}

.buyaction input, .buyaction textarea {border:1px solid #ddd;}
.buyaction input[type='text'] {height:30px;padding:0 10px;}
.ipt-txt.long {width:38%;}
.buyaction textarea {padding:10px;width:62%;}

.buyaction tfoot td {padding:10px 0;text-align:center;}
.buyaction tfoot button {height:50px;margin:auto;padding:0 40px;}

.btBlue {background-color:#39d;color:#fff;}
.btBlue:hover {background-color:#6cf;}

.cOrange {color:#f80 !important;}
.cRed {color:#e00 !important;}



/* ===== empty ===== */
.empty, .empty * {text-align:center}
.empty i {color:#ccc;font-size:4.8rem;}


/* ===== padding ===== */
.h20 {height:20px;}



/* ===== leaderBox ===== */
.leaders {background:url(/assets/img/leader.jpg) 50% 100% no-repeat;min-height:1080px;margin:auto;width:40rem;}
.xw .leaders {width:44rem;}

.leaderBox, .leaderBox * {display:block;}
.leaderBox, .leaderBox i, .leaderBox h3 {float:left;}
.leaderBox {min-height:54px;}
.leaderBox i {height:54px;line-height:54px;}
.leaderBox {margin:35px 130px 0px 130px !important;width:540px;}
.xw .leaderBox {margin:30px 170px 0px 170px !important;}

.leaderBox i {background-image:url(/assets/img/leader.png);width:54px;}
.leaderBox h3 {border-bottom:2px solid #e8e8e8;font-size:0.8rem;margin-left:10px;min-height:44px;padding-bottom:8px;width:476px;}
.xw .leaderBox h3 {width:476px;}
.leaderBox h3 * {padding-left:10px;}
.leaderBox h3 b {line-height:24px;}
.leaderBox h3 em {color:#666;font-size:0.7rem;line-height:20px;}



/* ===== ===== specPage ===== ===== */
.specPage {}
.xpc {width:1200px;}


/* ===== spec-top ===== */
.spec-top {background-position:50% 50%;background-size:auto 100%;height:300px;width:100%;}


/* ===== spec-title ===== */
.spec-title {background: #f1f1f1;color: #06a;font-size:1.4rem;line-height: 90px;text-align: center;}


/* ===== spec-list ===== */
.spec-list, .spec-content, .spec-content li, .spec-content li h5 *, .spec-piclist-m li h5 * {float:left;}
.spec-list {padding:48px 0 42px 0;width:100%;}
.spec-list:nth-child(2n) {background:#f2f5f9;}
.spec-list:nth-child(2n+1) {background:#fff;}


/* ===== spec-list-top ===== */
h3.spec-list-top, h3.spec-list-top b {line-height:42px;}
h3.spec-list-top {border-bottom:2px solid #28c;}
h3.spec-list-top b {background:#17b;color:#fff;display:inline-block;font-size:18px;padding:0 36px;}


/* ===== spec-content ===== */
.spec-content {position:relative;}
.spec-content ul {padding-top:18px;}

.spec-list-article li, .spec-list-press li, .spec-books-info li, .spec-books-review li {width:570px;}
.spec-list-article li:nth-child(2n), .spec-list-press li:nth-child(2n), .spec-books-info li:nth-child(2n), .spec-books-review li:nth-child(2n) {margin-left:60px;}

.spec-content li h5 {height:20px;}


/* ===== spec-list-article ===== */
.spec-list-article li, .spec-list-article li *, .spec-list-article li a:before {height:36px;line-height:36px;}
.spec-list-article li {padding-top:12px;}
.spec-list-article li a, .spec-list-article li h4 {width:450px;}
.spec-list-article li a {display:block;padding:0 90px 0 30px;position:relative;}
.spec-list-article li a:before, .spec-list-article li p {position:absolute;top:0;}
.spec-list-article li a:before, .spec-list-article li b {font-size:14px;}
.spec-list-article li a:before {content:"\F9ED";left:0;text-align:center;width:30px;}
.spec-list-article li h4 {font-size:16px;font-weight:bold;}
.spec-list-article li p {right:0;width:80px;}

.spec-list-article li a:link h4, .spec-list-article li a:visited h4 {/* color:#024985; */ color:#5a5a5a;}
.spec-list-article li a:link b, .spec-list-article li a:visited b {color:#989898;}
.spec-list-article li a:link:before, .spec-list-article li a:visited:before {color:#aaa;}

.spec-list-article li a:hover *, .spec-list-article li a:active *, 
.spec-list-article li a:hover:before, .spec-list-article li a:active:before {color:#6cf !important;}



/* ===== spec-list-press ===== */
.spec-list-press li {padding:18px 0 12px 0;}

.spec-content li h4 {font-size:16px;font-weight:bold;}

.spec-list-press li dl {position:relative;}
.spec-list-press li dl {margin-top:15px;min-height:125px;padding-left:240px;width:330px;}
.spec-list-press li dt, .spec-list-press li dt em {height:115px;width:205px;}
.spec-list-press li dt {left:0;position:absolute;top:0;}

.spec-content em {box-shadow:0 0 6px #ddd;}

.spec-list-press li p {max-height:40px;line-height:20px;overflow:hidden;width:100%;}

.spec-list-press li h5 {margin-top:15px;}
.spec-list-press li h5 *, .spec-piclist-xl li h5 *, .spec-piclist-m li h5 *, .spec-books-info li h5 *, .spec-books-review li h5 * {display:block;line-height:20px;}
.spec-list-press li h5 b, .spec-piclist-xl li h5 b, .spec-piclist-m li h5 b, .spec-books-info li h5 b, .spec-books-review li h5 b {margin-left: 6px;}

.spec-list-press li a:link h4, .spec-list-press li a:visited h4 {color:#024985;}
.spec-list-press li a:link b, .spec-list-press li a:visited b {color:#666;}
.spec-list-press li a:link i, .spec-list-press li a:visited i {color:#aaa;}

.spec-list-press li a:hover *, .spec-list-press li a:active * {color:#6cf !important;}
.spec-content a:hover em {opacity:0.62;}



/* ===== spec-piclist-xl ===== */
.spec-piclist-xl li, .spec-piclist-xl li em {width:360px;}
.spec-content li.row-triple, .spec-piclist-xl li {margin-top:30px;}
/*
.spec-content li.row-triple:nth-child(2), .spec-content li.row-triple:nth-child(5), 
.spec-content li.row-triple:nth-child(8), .spec-content li.row-triple:nth-child(11) {margin-left:60px;margin-right:60px;}
*/
.spec-piclist-xl li {margin-right:60px;}
.spec-piclist-xl li em {height:225px;}
.spec-piclist-xl li h4 {margin-top:15px;}
.spec-piclist-xl li h5 {margin-top:12px;}

.spec-piclist-xl li a:link h4, .spec-piclist-xl li a:visited h4 {color:#024985;}
.spec-piclist-xl li a:link b, .spec-piclist-xl li a:visited b {color:#666;}
.spec-piclist-xl li a:link i, .spec-piclist-xl li a:visited i {color:#aaa;}

.spec-piclist-xl li a:hover *, .spec-piclist-xl li a:active * {color:#6cf !important;}


.fotoSlide .slick-link, .fotoSlide .slick-link i {font-size:20px;height:36px;line-height:36px;text-align:center; width:36px;}
.fotoSlide .slick-link {position:absolute;top:-44px;}
.fotoSlide .slick-prev {right:40px;}
.fotoSlide .slick-next {right:0;}

.fotoSlide .slick-link:link, .fotoSlide .slick-link:visited {background:#fff;}
.fotoSlide .slick-link:link i, .fotoSlide .slick-link:visited i {color:#024985;}
.fotoSlide .slick-link:hover, .fotoSlide .slick-link:active {background:#6cf;}
.fotoSlide .slick-link:hover i, .fotoSlide .slick-link:active i {color:#fff;}




/* ===== row-pic-m ===== */
.spec-piclist-m li, .spec-piclist-m li a, .spec-piclist-m li em {width:216px;}
.spec-piclist-m li {margin-right:30px;padding-top:12px;}
.spec-piclist-m li:last-child {margin-right: 0;}

.spec-piclist-m li em {height:135px;}
.spec-piclist-m li h4 {margin:15px 0 12px 0;}
.spec-piclist-m li a:link h4, .spec-piclist-m li a:visited h4 {color:#024985;}
.spec-piclist-m li a:link b, .spec-piclist-m li a:visited b {color:#666;}
.spec-piclist-m li a:link i, .spec-piclist-m li a:visited i {color:#aaa;}

.spec-piclist-m li a:hover *, .spec-piclist-m li a:active * {color:#6cf !important;}




/* ===== ===== spec-book ===== ===== */



/* ===== row-books ===== */
.spec-books-info li {padding:18px 0;}
.spec-books-info li dl {min-height:170px;padding-left:135px;position:relative;width:435px;}
.spec-books-info li dt, .spec-books-info li dt em {height:170px;width:115px;}
.spec-books-info li dt {left:0;position:absolute;top:0;}
.spec-books-info li p {margin:12px 0;}

.spec-books-info li a:link h4, .spec-books-info li a:visited h4 {color:#024985;}
.spec-books-info li a:link b, .spec-books-info li a:visited b {color:#666;}
.spec-books-info li a:link i, .spec-books-info li a:visited i {color:#aaa;}

.spec-books-info li a:hover *, .spec-books-info li a:active * {color:#6cf !important;}



/* ===== row-books ===== */
.spec-books-pic-xl li {width:200px;}
.spec-books-pic-xl li {margin-right:50px;}

.spec-books-pic-xl li {padding-top:24px;}
.spec-books-pic-xl li em {height:260px;width:200px;}
.spec-books-pic-xl li h4 {margin:18px 0 12px 0;}

.spec-books-pic-xl li a:link h4, .spec-books-pic-xl li a:visited h4 {color:#024985;}
.spec-books-pic-xl li a:link b, .spec-books-pic-xl li a:visited b {color:#666;}
.spec-books-pic-xl li a:link i, .spec-books-pic-xl li a:visited i {color:#aaa;}

.spec-books-pic-xl li a:hover *, .spec-books-pic-xl li a:active * {color:#6cf !important;}


.bookSlide .slick-link, .bookSlide .slick-link i {font-size:20px;height:36px;line-height:36px;text-align:center; width:36px;}
.bookSlide .slick-link {position:absolute;top:-44px;}
.bookSlide .slick-prev {right:40px;}
.bookSlide .slick-next {right:0;}

.bookSlide .slick-link:link, .bookSlide .slick-link:visited {background:#fff;}
.bookSlide .slick-link:link i, .bookSlide .slick-link:visited i {color:#024985;}
.bookSlide .slick-link:hover, .bookSlide .slick-link:active {background:#6cf;}
.bookSlide .slick-link:hover i, .bookSlide .slick-link:active i {color:#fff;}




/* ===== row-review ===== */
.spec-books-review li {padding:18px 0;}
.spec-books-review li dl {margin-top:18px;min-height:100px;padding-left:90px;position:relative;width:480px;}
.spec-books-review li dt, .spec-books-review li dt em {height:100px;width:75px;}
.spec-books-review li dt {left:0;position:absolute;top:0;}
.spec-books-review li dd p {margin-top:12px;}

.spec-books-review li a:link h4, .spec-books-review li a:visited h4 {color:#024985;}
.spec-books-review li a:link b, .spec-books-review li a:visited b {color:#666;}
.spec-books-review li a:link i, .spec-books-review li a:visited i {color:#aaa;}

.spec-books-review li a:hover *, .spec-books-review li a:active * {color:#6cf !important;}